HTML初步

一、html文档结构

直接点击创建html类型文档

创建后文件之后代码格式会自动给出

选择浏览器打开

二、文档结构分析

html文本都是由一个个元素构成，每个元素都有一对相应的标签来引导，通过多个元素的叠加或者嵌套就成为文档主体

三、部分空字符的作用和元素属性测试

四、标题

HTML 提供了从大到小6级标题，分别是：

~

五、文本格式

各个不同功能文本格式测试

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

六、超链接初步

1、以百度为实验对象进行跳转

<a href="https://www.baidu.com/" target="_blank">百度一下</a>

跳转成功

href即为要跳转去的地址 URL（Uniform Resorce Locator)
target属性为_blank表示在新的页面打开超链接（默认是在当前页面打开即_self）
超链接标签包含的内容（当前为文字"百度一下"）即为显示在页面上供用户点击的

2、锚点：也称为书签，用于标记页面的某个元素或位置。通过锚点，我们可以轻易的在长页面内实现跳转。先使用id属性生成某元素的锚点，然后再使用超链接指向该锚点即可。
注意：
元素的id值必须是唯一的，也即页面不能再有其它元素的id值为C4
超链接中的地址需要有#符号

七、图片及文件路径 img

注意：
src属性为要显示图片文件的位置 URL，即图片文件的路径
alt属性当获取图片出现问题时显示的文字（占位符）
可为图片指定高宽度，但不建议（可能导致图片变形）

照片路径：

八、表格

<tr>表示行, <td>表示行中的单元, <th>是表头的单元

九、列表

1、无序列表

结果用圆点引出

2、有序列表

结果以顺序引导输出

十、表单

实验表单对象：

实验结果：

十一、区块元素和内联元素等

实验部分如下