零基础入门JAVAweb——前端开发html篇

六作者简介

首页：小罗のdiary的博客_CSDN博客-单片机原理,java基本常识领域博主

职业：‍在校大学生

爱好：写博客，听歌，学习单片机，java，跑步

擅长：单片机的基本原理，java基本原理

欢迎来首页阅读我的博客

主要内容



主要是要了解html文件的基本结

，然后对每个标记进行解读，代

码编写，结果演示，简单且有效

的理解html代码，这为以后java

web打下坚实的基础



目录

❤️一、html文件的基本结构

✨1.html标记

✨2.head标记

✨3.titile标记

✨4.body标记

✨5.html的基本结构代码

❤️二、html文件的文本标记

✨代码及其结果展示

（1）换行模块

（2）标题模块

（3）居中模块

（4）无序列表模块

（5）有序列表模块

（6）行内和块标记模块

（7）表格模块

（8）表单模块

（9）下拉菜单模块

（10）文本域模块

（11）超连接模块

（12）图片模块

开始学习

❤️一、html文件的基本结构

html主要由四部分组成，每个部分都不可或缺，这四个部分类似于我们人的身体。

✨1.html标记

该标记是html的主体部分，他相当于我们人的基本架构，所以说他是整个html文件的开头，以结尾

✨2.head标记

该标记是html文件的头标记,存放文件信息,例如:CSS样式代码，类似于我们人体的大脑部分，看不见，摸不着

✨3.titile标记

该标记的标题标记，一般在中

✨4.body标记

是html文件的主体标记，页面内容都在该标记中，相当于我们人体的四肢，执行大脑的指令

✨5.html的基本结构代码


    
        脑部
        页面标题
    
    
        执行大脑指令

❤️二、html文件的文本标记


换行标记,该标记是一个单独标记

段落标记,前后空1行
标题标记,x为数字1,2,3,4,5,6共6个等级
行内标记
块标记
居中标记

无序列表标记,
为列表项

有序列表标记,
为列表项
行内区域标记
块区域标记
表格标记

行标记

表格标题标记

表头标记

列标记
表单标记,表单输入标记
<u><em>文本域标记</em></u></li><li ><u><em>超链接标记</em></u></li><li ><u><em>图像标记</em></u></li></ol> </blockquote> ✨代码及其结果展示 <pre class="brush:java;toolbar:false"><html> <head>  <title>网页前端基础html篇</title>  <style> .one{ color:red; } </style> </head> <body>  登高 <b >加粗标记 <br>风急天高猿啸哀，处清沙白鸟飞回。 <b >换行标记 <br>无边落木萧萧下，不禁长江滚滚来。 <br>万里悲秋常作客，百年多病独徘徊。 <br>艰难苦恨繁霜鬓，潦倒新停浊酒杯。写作三要素 <b >标题标记是什么？ <p>是什么，也可译为提出问题，一般为作文开头</p> <b >段落标记为什么？ <p>为什么，也可译为分析问题，一般为作文正文部分</p> 怎么办？ <p>怎么办，也可译为解决问题，一般为作文正文或结尾部分</p> <center>写作三要素 </center> <b >居中标记 <center>是什么？</center> <center><p>是什么，也可译为提出问题，一般为作文开头</p></center> <center>为什么？</center> <center><p>为什么，也可译为分析问题，一般为作文正文部分</p></center> <center>怎么办？</center> <center><p>怎么办，也可译为解决问题，一般为作文正文或结尾部分</p></center> <br> <center>写作三要素 </center> <ul> <b >无序列表标记 <li>是什么？ <b >列表标记 <p>是什么，也可译为提出问题，一般为作文开头</p> <li>为什么？ <p>为什么，也可译为分析问题，一般为作文正文部分</p> <li>怎么办？ <p>怎么办，也可译为解决问题，一般为作文正文或结尾部分</p> </ul> <br> <center>写作三要素 </center> <ol> <b >有序列表标记 <li>是什么？ <b >列表标记 <p>是什么，也可译为提出问题，一般为作文开头</p> <li>为什么？ <p>为什么，也可译为分析问题，一般为作文正文部分</p> <li>怎么办？ <p>怎么办，也可译为解决问题，一般为作文正文或结尾部分</p> </ol> <br> <b >注：行内标记作用范围比块标记小 <b >行内标记<br> 行内标记效果 <b >块标记块标记效果 <br> <table> <b >表格标记 <caption>表格</caption> <b >标题标记 <th align="center" valign="middle">表头</th> <b >表头标记 <tr> <b >行标记 <td align="center" valign="middle">第一行第一列</td> <b >列标记 <td align="center" valign="middle">第一行第二列</td> </tr> <tr> <td align="center" valign="middle">第二行第一列</td> <td align="center" valign="middle">第二行第二列</td> </tr> </table> <br> <b >表单标记<br> <form action="index.jsp"name="信息输入界面"method="post"> 姓名:<input name="name"type="text"id="Name"maxlength="20"> <br> 学号:<input name="id"type="text"id="Id"maxlength="20"> <br> 性别:<input name="sex"type="radio"value="男"checked> 男 <input name="sex"type="radio"value="女"checked> 女 <br> 喜欢的科目:<input name="chinese"type="checkbox"id="Chinese"value="语文"> 语文  <input name="math"type="checkbox"id="Math"value="数学"> 数学 <input name="chinese"type="checkbox"id="Chinese"value="英语"> 英语 <br> <input name="Submit"type="submit"value="保存"> <input name="Reset"type="reset"value="取消"> <input name="Image"type="image"src="2.jpg"> </form> <br> <b >下拉菜单标记<br> 下拉列表框: <select name="下拉框"> <option>第一个框</option> <option>第二个框</option> <option>第三个框</option> </select>  多行列表框: <select name="多行列表框"size="3"> <option>第一个框</option> <option>第二个框</option> <option>第三个框</option> </select> <br> <b >文本域标记<br> <textarea name="textarea"cols="40"rows="5"wrap="hard"> 登高风急天高猿啸哀，处清沙白鸟飞回。无边落木萧萧下，不禁长江滚滚来。万里悲秋常作客，百年多病独徘徊。艰难苦恨繁霜鬓，潦倒新停浊酒杯。
超链接标记
跳转界面
图片标记

（1）换行模块

（2）标题模块

（3）居中模块

（4）无序列表模块

（5）有序列表模块

（6）行内和块标记模块

（7）表格模块

（8）表单模块

（9）下拉菜单模块

（10）文本域模块

（11）超连接模块

（12）图片模块

相信大家到这里应该已经读完了吧！

觉得写得好的话点个赞再走呗！

转载请注明：文章转载自 www.mshxw.com

本文地址：https://www.mshxw.com/it/846099.html

上一篇 Java学习第一课，向世界作出第一声呐喊。

下一篇 jdk下载安装环境配置

Java相关栏目本月热门文章

1【Linux驱动开发】设备树详解（二）设备树语法详解

2别跟客户扯细节

3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区

4【Java】对象处理流（ObjectOutputStream和ObjectInputStream）

5【分页】常见两种SpringBoot项目中分页技巧

6一文带你搞懂OAuth2.0

7我要写整个中文互联网界最牛逼的JVM系列教程 | 「JVM与Java体系架构」章节：虚拟机与Java虚拟机介绍

8【Spring Cloud】新闻头条微服务项目：FreeMarker模板引擎实现文章静态页面生成

9JavaSE - 封装、static成员和内部类

10树莓派mjpg-streamer实现监控及拍照功能调试

11用c++写一个蓝屏代码

12从JDK8源码中看ArrayList和LinkedList的区别

13idea 1、报错java: 找不到符号符号: 变量 log 2、转换成Maven项目

14在openwrt使用C语言增加ubus接口（包含C uci操作）

15Spring 解决循环依赖

16SpringMVC——基于MVC架构的Spring框架

17Andy‘s First Dictionary C++ STL set应用

18动态内存管理

19我的创作纪念日

20Docker自定义镜像-Dockerfile

热门相关搜索

路由器设置木托盘宝塔面板儿童python教程心情低落朋友圈 vim 双一流学科专升本我的学校日记学校西点培训学校汽修学校情书化妆学校塔沟武校异形模板西南大学排名最精辟人生短句 6步教你追回被骗的钱南昌大学排名清朝十二帝北京印刷学院排名北方工业大学排名北京航空航天大学排名首都经济贸易大学排名中国传媒大学排名首都师范大学排名中国地质大学(北京)排名北京信息科技大学排名中央民族大学排名北京舞蹈学院排名北京电影学院排名中国戏曲学院排名河北政法职业学院排名河北经贸大学排名天津中德应用技术大学排名天津医学高等专科学校排名天津美术学院排名天津音乐学院排名天津工业大学排名北京工业大学耿丹学院排名北京警察学院排名天津科技大学排名北京邮电大学(宏福校区)排名北京网络职业学院排名北京大学医学部排名河北科技大学排名河北地质大学排名河北体育学院排名

学习工具

代数计算器

三角函数

解析几何

立体几何

知识解答

教育知识

百科知识

生活知识

常识知识

写作必备

作文大全

作文素材

句子大全

实用范文

关于我们

关于我们

联系我们

网站地图

名师互学网交流群

名师互学网客服

名师互学网版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号

关于我们文章归档网站地图联系我们
版权所有 (c)2021-2022 MSHXW.COM

ICP备案号：晋ICP备2021003244-6号