HTML的学习结构

HTML的学习结构

1. HTML的背景

2. HTML的创建

3. HTML的网页基本结构

4. HTML的基本标签

5. HTML的图像标签

6. HTML的链接标签

7. HTML的列表标签和表格标签

8. HTML的媒体元素(视频+音频)

9. HTML的页面结构

10. HTML的内联框架(iframe)

11. HTML的表单

12. HTML的表单标签

13. HTML的表单初级验证

1. HTML的背景

W3C(万维网联盟)标准：结构化标准语言(HTML、XML)、表现标准语言(CSS)、行为标准(DOM、ECMAScript)。

2. HTML的创建

step1：直到产生scr文件之前的创建和原来建Java项目一样。

step2：把scr文件Delete。

step3：创建HTML File。

step4：设置浏览器(我用的是搜狗浏览器，所以先找到搜狗的exe文件位置，导入)。

3. HTML的网页基本结构

HTML基本结构中各部分的作用。比如代码往哪里写等简单的说明。

4. HTML的基本标签

1. 标题标签 ：<h1>一级标签</h1> <h2>二级标签</h2>

2. 段落标签：把要每段写在 <p>和</p>中

3. 换行标签：

4. 水平线标签：<hr/>

5. 字体样式标签：加粗：<strong>北京</strong> 、斜体：<em>北京</em>

6. 注释和特殊符号：

   6.1. 注释：<!-- 注释 -->

   6.2. 空格： &nbsp;

   6.3. 大于号：&gt;

   6.4. 小于号：&lt;

   6.5. 版权符号：&copy;

5. HTML的图像标签

用来网页插入图片。可以设置图片大小和鼠标悬停时显示的文字。

6. HTML的链接标签

1. 文本超链接(点击文本就能链接网页)，且可以设置在当前页面或新标签页打开网页。

1. 图像超链接(点击图片就能链接网页)，且可以设置在当前页面或新标签页打开网页。

2. 锚链接(实现页面内或者页面间，指定位置的跳转)

3.1. 第一种锚链接：实现页面内的跳转

3.2. 第二种锚链接：实现页面间跳到锚链接

4. 邮件链接：点击链接就可以发邮件

7. HTML的列表标签和表格标签

列表：无序列表、有序列表、自定义列表

表格：有边框、无边框、跨行、跨列

8. HTML的媒体元素(视频+音频)

视频和音频，分为：打开网页不自动播放、打开网页自动播放

9. HTML的页面结构

命名规范：

1. header：标题头部区域的内容(用于页面或页面中的一块区域)

2. footer：标记脚步区域的内容(用于整个页面或页面的一块区域)

3. nav：导航类复杂内容

以上3个常用，以下3个不常用

1. section：Web页面中的一块独立区域

2. article：独立的文字内容

3. aside：相关内容或应用(常用于侧边栏)

10. HTML的内联框架(iframe)

在网页中打开其他网页。分两种：

第一种：打开网页就是带内联框架的页面。

第二种：打开网页没内联框架的页面，需要点击页面中的跳转链接。

11. HTML的表单

比如登录网站的时候，有登录名和密码，就是表单。

第一种：表单中action采用网站+methon采用post。

第二种：表单中action采用请求处理地址+methon采用get。

12. HTML的表单标签汇总

账号、密码、提交、重置、单选框标签、多选框标签、下拉框、文本域、文件域、邮件验证和URL验证、数字、滑块、搜索框

13. HTML的表单初级验证

placeholder（提示信息）、required（确保不能为空）、pattern（正则表达式验证）