head 标签
<head>
<title>显示网页标题</title>
<!--注释:↓说明head中基本设置-->
<meta name = " keywords" content = “ animal ,dog, cat”>
<meta name = "description" content = "说明网页内容">
<meta name = "author" content = "One_duck">
<meta name ="creation-date" comtent= "sun,22 Jun 2008 15:18:44 GMT">
<meta http-equiv = "content-type" content = "texxt/html; charset =gb2312 ">
<meta http-equiv = "refresh" content = "10 ; url = http://www.baidu.com ">
<meta http-equiv = "expires" content = "Sun ,22 Jun 2008 15:18:22 GMT ">
<meta http-equiv = "paragma" content = "no-cache">
<meta http-equiv = "set-cookie" content = "Sun ,22 Jun 2008 15:18:22 GMT">
<meta http-equiv = "windows-target" content ="_top">
</head>
body 标签
<body>
<header>网站主题</header>
<nav>连接菜单</nav>
<article>
主内容
<section>
章节段落
</section>
</article>
<aside>侧边栏</aside>
<footer>页脚</footer>
</body>
常用的容器标记
<h1>一级标题</h1>
<h6>六级标题</h6>
<p> 不具有分段功能,具有设置段落居中、靠右对齐功能,结束后换行并增加一个空行。</p>
<pre>按照原始代码的排列方式进行显示</pre>
<blockquote > 引用文字,并换行缩进 </blockquote>
<b>粗字体</b>
<i>斜体字</i>
<u>添加下划线</u>
<sub>设置下标</sub>
<sup>设置上标<sup>
<video src autoplay controls loop preload >
<source src type /> <!--单一标记-->
</video>
<audio src autoplay controls loop preload >
<!-- 同video-->
</audio>
<iframe name src=" ?autoplay = 1" width weight seamless >加载失败显示此信息</iframe>
<div align style > 内容 </div> <!-- 独立的区块-->
<span align style > 内容</span> <!-- 行内标记-->
<ul>
<li value > 内容</li>
</ul>
<ol type start reverse >
<li value > 内容</li>
</ol>
<dl>
<dt>定义主题
<dd>定义内容
</dl>
常用的单一标记
<br/> <!--换行符-->
<img src alt height width />
<hr/> <!--分割线-->
<embed src=" .swf" width heiight /> <!-- 嵌入Flash动画-->
<front size color face />
特殊符号
© : ©
< : ⁢
> : >
" : "
& : &
半角空格 :
表格与表单
<table border="1" >
<caption>设置表格标题</caption>
<tr>
<th>设置列标题1</th>
<th>设置列标题2</th>
</tr>
<tr> <!--这是控制行-->
<td roespan="2" >第一行,第一列</td> <!--合并2行单元格-->
<td colspan="2">第一行,第二列</td> <!--合并2列单元格-->
</tr>
<tr>
<td nowrap >第二行,第一列</td> <!--nowrap强制不换行-->
<td nowrap>第二行,第二列</td>
</tr>
</table>
<form method="post" action enctype target autocomplete novalidate >
<!--输入组件--->
<input type="text" name="t1" size="20" />
<input type="password" name="pw" size="5" />
<input date="date" name="bday" max="2021-9-14" />
<input type="number" name="quantity" min="1" max="5" />
<input type="search" name="searchword" />
<input type="color" name="colorpicker" />
<input type="setrange" name="range" />
<output name="x" for="a b" ></output>
<textarea rows="2" name="s1" cols="20" ></textarea>
<keygen name="security" />
<!--列表组件-->
<select size="1" name="d1" ></select>
<datalist id="search_list" ></datalist>
<!--选择组件-->
<input type="radio" value="v1" checked name="R1" />
<input type="checkbox" name="c1" value="ON" />
<!--按钮组件-->
<input type="submit" value="提交" name="sbtn" />
<input type="reset" value="重置" name="rbtn" />
<input type="button" value=“按钮” name="b1" />
</form>
创建超链接
<a href =" " target=" _black \ _parent \ _self \ _top \ 窗口名称" > 超链接显示 </a>
<!--参数说明: black : 新窗口打开
parent:当前窗口打开
self: 当前运行窗口打开
top:浏览器窗口打开
窗口名称:指定名称的窗口、框架中打开-->
<a href ="mailto: email1; email2 ?subject=我的意见" >写信给版主</a>
<!--参数说明:?subject=我的意见
?cc=抄送的邮件账号
?bcc=密件抄送的邮件账号
?body=邮件正文文字-->
<a href = " " Files Upload >下载文件.exe </a>
<a name=”anchorname1” > 锚点一 </a>
<a href=”#anchorname1”> 回到锚点一 </a>