HTML元素标签及表单元素详解
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页的标题</title>
</head>
<body>
网页
<br>换行
<br>
水平分割线
<hr>
<h1>第一标题</h1>
...标题从一到六字体越来越小
<h6>第六标题</h6>
<!--标题大小与字体大小的关系-->
<!--1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。-->
<div>
块级元素
只分一行,行前行后换行
</div>
div行后自带换行
<span>行内元素,行前行后不会自动换行</span>
<pre>
预编排元素
一段,段内分行
</pre>
<p>
段落,与span类似,段内不分行,但是段前段后自动分行
</p>
<a href="http://www.baidu.com" id="123">超链接</a>
<!--在新窗口打开链接<a href="http://www.baidu.com" target="_blank">超链接</a>-->
<!--
<a id="tips">3333</a>
在HTML文档中创建一个链接跳转到"3333(id="tips")":
<a href="#tips">访问3333</a>
或者,从另一个页面创建一个链接到"3333(id="tips")":
<a href="http://www.runoob.com/html/html-links.html#tips">
访问3333</a>
-->
<a href="#123">超链接ss</a>
<img src="imgs/144515.jpg" alt="图像无法显示时的替代文本" width="58" height="40">
<!--“..” 在路径中代表当前网页所在目录的上一级目录-->
<!--<img src="../a.png" />-->
<!--属性值应该始终被包括在引号内。-->
<!--双引号是最常用的,不过使用单引号也没有问题。-->
<!--提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'-->
<!--class 属性可以多用 class=" " (引号里面可以填入多个class属性)-->
<!--id 属性只能单独设置 id=" "(只能填写一个,多个无效)-->
<!--对于 HTML,无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。-->
<b>加粗</b>
<i>斜体</i>
<br><br>表格<br><br>
<!--“table>tr*3>td*3” 按tab键生成3行3列的表格的代码-->
<table width="30%" border="1" cellspacing="0" cellpadding="5">
<!-- 默认border="0"表格不显示边框
cellpadding设置数据到格子上下边界的距离
表格的表头使用 <th> 标签进行定义 被定义的数据会加粗居中-->
<caption>表格标题</caption>
<tr>
<th colspan="3">a</th>
<!--横向占3格colspan="3"-->
<th rowspan="3">b</th>
<!--纵向占3格rowspan="3"-->
<th>c</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
无序列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
有序列表
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
自定义列表
<!--自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。-->
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>