<!DOCTYPE>
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
标签特性：
标签的使用有两种形式，双标签和单标签；
标签的样式：块元素，行内样式， 行内块元素；
块元素的特点：
独占一行；
可以设置宽高；
margin和padding的上下左右均对其有效；
多个块元素 从上到下排列
行内元素特点：
设置宽高不成立
对margin,padding仅设置左右方向有效，上下无效；
不能独占一行
多个行内元素 从左到右排列
行内块元素特点：
多个行内块元素 从左到右排列
可以设置宽高；
margin和padding的上下左右均对其有效；
常用的单标签：
<br> <hr> <img> <input> <meta> <link>
常用的双标签：
<html></html>
<body></body>
<div></div>
<p></p>
<span></span>
<a href=""></a>
<b></b>
<h1></h1>
<pre></pre>
<em></em>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<ol>
<li></li>
<li></li>
<li></li>
</ol>
<dl>
<dt></dt>
<dd></dd>
</dl>
常见的块元素：
body from select textarea h1-h6 html table button hr p ol ul dl div
行内元素
meat title lable span br a em b i strong
表单元素：
<form action="">
<input type="text" placeholder="这是一个文本输入框">
<!--这是一组单选框-->
<div>
<input type="radio" name="name"> 男
<input type="radio" name="name"> 女
</div>
<input type="checkbox"> 勾选框 <br>
<!--这是一个多行文本框-->
<textarea name="textarea" id="" cols="30" rows="10"></textarea><br>
<!--这是一组下拉选项-->
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select><br>
<input type="submit" value="提交按钮">
<input type="button" value="普通按钮">
</form>
待完善....
网友评论