HTML

HTML元素

• HTML 元素以开始标签起始
• HTML 元素以结束标签终止
• 元素的内容是开始标签与结束标签之间的内容
• 某些 HTML 元素具有空内容（empty content）
• 空元素在开始标签中进行关闭（以开始标签的结束而结束）
• 大多数 HTML 元素可拥有属性
• HTML元素可以嵌套

HTML属性

• HTML元素的开始标签种设置属性

• class 为html元素定义一个或多个类名（类名从样式文件种引入。如需为一个元素规定多个类，用空格分隔类名。 . HTML 元素允许使用多个类。

• id 元素唯一id

• style 元素行内样式

<p style="color:red">这是一个段落。</p>

这是一个段落。

- title 描述元素额外信息，作为工具条使用，鼠标悬停会显示title内容

<p title="HTML笔记">博客</p>

博客

HTML头部head

head元素包含头部标签元素

1. title网页标题
2. link定义了与外部资源的关系，常用于连接到样式表

<link rel="stylesheet" type="text/css" href="mystle.css">

3. style定义了样式文件引用地址
4. meta提供元数据，被浏览器解析但不会显示在页面上如编码信息，文件修改信息作者
5. script元素用于加载脚本文件，JavaScript

标签

1. h1 ~ h6 标题

<h1>一级标题</h1>
<hr><!--水平线 -->

一级标题

---

2. 段落 p。浏览器会自动地在段落的前后添加空行。（p 是块级元素）
3. 换行br

<p>这个段落<br/>演示了分行</p>

这个段落
演示了分行

HTML中所有的空行、空格都会被浏览器显示为一个空格

4. 链接a，target属性会让链接在新窗口打开。链接
5. 图片img

<p><a href="https://www.baidu.com" target="_blank">链接</a></p>
<img src="logo.png" width="258" heigh="369" alt="无法显示图片时显示该信息"/>

6.表格table

<table>
<tr>
<th>表头</th>
<th>用th</th>
</tr>
<tr>
<td>一行</td>
<td>用tr</td>
</tr>
<tr>
<td>单元格</td>
<td>用td</td>
</tr>

7. 有序列表ol，表项用li

<ol>
<li>coffee</li>
<li>milk</li>
</ol>

1. coffee
2. milk

8. 无序列表ul， 表项用li

<ul>
<li>coffee</li>
<li>milk</li>
</ul>

• coffee
• milk

9. 区块div
   块级元素结束后，会自动换行。div可以把其它元素组合起来。
10. span
    内联元素，可以作为文本的容器，用来组合一行，不会换行。

<div>
<p>段落<p>
<h1>标题</h1>
</div>
<span><a href="https://www.baidu.com" target="_blank"></span>

11. 表单form

<form action="">
first:<input type="text" name="firstname"><br>
last: <input type="text" name="lastname>
</form>
<form><!-- 单选框 -->
<input type="radio" name="sex" value="male">男<br>
<input type="radio" name="sex" value="female">女
</form>
<form method="post" action="url"><!-- 复选 -->
<input type="checkbox" name="vehicle" value="car">汽车<br>
<input type="checkbox" name="vehicle" value="bike">自行车
<input type="submit" value="提交按钮">
</form>

12. iframe 框架
    在同一个窗口中显示其它页面。

<iframe src="url" width="200" height="200">
</iframe>

13. 字符实体
    特殊字符比如大于号小于号会被识别为标签，需要用字符实体代替。
    &lt : less than <

&gt : greater than >

&amp : ampersand &

&quot : quotation "
字符实体表

速查列表

表头	用th
一行	用tr
单元格	用td