<body> <textarea row="5"col="15">此处可输出文本,右下角可无限拉伸宽高</textarea> </body>
1.注释 <-- -->(在页面中不显示注释中内容)
2.DOCTYPE 声明文档类型(浏览器类型)
3.a 插入超链接
<a href="https://www.baidu.com/">百度一下</a>
4.address 定义文档或文档的作着(斜体)
<address> Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address>
5.article 标签规定独立的包含内容(告诉其为一个整体)没有特殊的作用
<article> <h1>Internet Explorer 9</h1> <p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....</p> </article>
6.aside 标签定义其所处内容之外的内容 (告诉其为一个整体)没有特殊的作用
<p>Me and my family visited The Epcot center this summer.</p> <aside> <h4>Epcot Center</h4> The Epcot Center is a theme park in Disney World, Florida. </aside>
7.audio 音频
<audio src="/i/horse.ogg" controls="controls"> Your browser does not support the audio element. </audio>
video 视频
<!DOCTYPE HTML>
<html>
<body>
<video src="/i/movie.ogg" controls="controls"> your browser does not support the video tag </video>
</body>
</html>
8.b 加粗一段文本
<p>这是一个文本<b>这是加粗文本</b></p>
9.big 呈现大号字体的效果用big标签要小心有些浏览器不支持
<big>这是一个放大文本</big>
10.br 一段文本中的换行
<!DOCTYPE html> <html> <body> <p>2018.3.13<br/>我正式开启了我的全栈之旅<br/>接下来我要放空我的心态来接受全新的知识</p> </body> </html>
11.button 标签为按钮标签 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容
<button>这是一个按钮</button>
12.center 标签定义其包含的内容进行文本居中
<center>文本居中</centere>
13.dl dt dd !!! <dl> 标签定义了定义列表(definition list) 用于结合<dt>(定义列表中的项目)和 <dd> (描述列表中的项目)
!!! <dt>定义列表中的项目
!!!<dd>描述列表中的项目
<html> <body> <h2>一个定义列表:</h2> <dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl> </body> </html>
14.del ins <del>定义文本中已删除的部分
<ins>定义插入的内容
<html> <body> <p>一段话的<del>删除 </del><ins>插入</ins>部分</p> <p>大多数浏览器会改写为删除文本和下划线文本。</p> <p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p> </body> </html>
15.div p h1-h6 div定义文本中的区 把文档分为不同的块一般用class、id来定义其属性
p标签是一个文本的内容与div不同的是其自带上下边距
h1-h6其主要作用是字体的大小 h1最大 h6最小
<html> <body> <h3>标题</h3> <p>文本内容</p> <div style="color:#00FF00"> <h3>标题</h3> <p>文本内容</p> </div> </body> </html>
16.em span i strong 定义文本的强调内容同为行内块级标签 <i><em>定义文本为斜体 <span>行内元素 <strong>粗体
17.footer nav 定义文本中的页脚与导航部分
nav一个页面的导航部分
<!DOCTYPE html> <html> <body> <nav> <a href="/html/">导航</a> | <a href="/css/">中间</a> | <a href="/js/">插入</a> | <a href="/jquery/">超链接</a> </nav> <footer> 我是页脚 </footer> </body> </html>
18.iframe 定义:创建包含另外一个文档的内联框架(行内框架)
19.hr html 定义:<hr>创建一条水平线。 <html>可告知浏览器是一个html文档。
<html> <body> <h1>水平线<h1> <hr/> <p>...</p > </body> </html>
20.img input label 定义:<img>标签网页中链接一副图像。
< img src="../img/tupian.jpg" alt="花" />
<label> 标签为 input 元素定义标注(标记)。<label> 标签的 for 属性应当与相 关元素的 id 属性相同。
<body> <p>请点击文本之一,就可以触发相关控件</p > <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </body>
21.ol ul li 定义:ol有序列表。ul无序列表
<body> <ol> <li>苹果</li> <li>牛奶</li> <li>茶</li> </ol> <ul> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ul> </body>
22.link script 定义:<link>外部样式表 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
<head> <link rel="stylesheet" type="text/css" href="css.css" /> </head>
23.select option 定义:<select>创建单选或多选菜单。
<option>定义下拉列表中的一个选项(一个条目)。option 元素位于 select 元素内部。
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示
<body> <select> <option value="">请选择</option> <option value="">山西</option> <option value="">北京</option> <option value="">上海</option> </select> </body>
24.textarea 定义:<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本,可以通过 cols 和 rows 属性来规定 textarea 的尺寸