HTML

html

---

结构关系：父级、子级、平级、后代级

常用标签：
div：盒子，可以放其它任何标签。块元素

<div>div>

h1-h6：标题标签6个，默认CSS样式：加粗、默认字体大小。块元素

<h1>h1标签</h1>

p：段落标签     行内元素

<p>段落标签</p>

 
li：要配合ul使用默认有小圆点，但小圆点不占像素点。 块元素

  <ul>
    <li>li标签</li>
  </ul>

img：图片标签，专门在页面中插入图片，单标签，必有有图片资源，放在src里，如果只设置一个方向，图片则等比缩放，保证图片不变形，也可以设置两个方向，但图片可能会变形。行内块元素

<img src="图片路径(放相对路径)" width="200" height="300"/>

a：超链接，默认有下划线，可设置target的值(默认为_self)若设置为_blank跳转超链接时会打开一个空白页面来跳转超链接。行内元素

<a href="http://www.baidu.com" target="(默认_self)_blank">关闭</a>

span：普通标签(备胎)。 行内元素

<span>span</span>

在HTML的角度来讲，标签分为：
文本级标签：p , span , a , b , i , u , em
容器级标签：div , h系列 , li , dt ,dd

HTML有空白折页现象文本中无论打多少个空格都会压缩为一个空格(全角空格除外)

标签分类：块元素、行内元素、行内块元素
块元素：独占一行，可设置宽高，宽度如果不设置则继承父级100％宽度（div、h系列、p、li）
行内元素：不独占一行，与其他行内元素并排，不可设宽高，默认的宽度就是文字的宽度（a、span）
行内块元素：不独占一行、可设置宽高（img、input）

当表格的宽度设置好，里面的行只需要设置高度，行里面的列只需要设置宽度。表格
表格：border边框线粗细、内外间隙cellpadding、cellspacing要清0，可设置宽和高，align设置整个表格左右位置默认左(left)、中(center)、右(right)。

<table border="1" cellpadding="0" cellspacing="0" width="400" height="150" align="center"></table> 

行：align在行中只能设置字体的左右对齐方式，用法跟表格一致，valign可设置字体上下对齐方向默认中间(middle)、上(up)、下(bottoms)
   

<table>
    <tr>
    </tr>
</table>

列：列可以横向合并和纵向合并，从左到右，从上到下，把属性写到第一个里面，colspan横向值要合并的个数 rowspan纵向值要合并的个数

<table>
    <tr>
        <td colspan="2"></td>
    </tr>
</table>

表单

<from><input type=""> </from>

文本框：文本框在h5有新属性 placeholder=“提示信息”

<input type="text" placeholder=“提示信息”/>rap

密码框：

<input type="password"/>rap

多选框：多选宽框用lable包裹可以点击文字就能√上多选框；默认选中加checked="checked"；禁用disable=“disable”

<input type="checkbox"/>rap

单选按钮：实现单选需要将name设置为同一个值

<input type="radio" name="sex" />男
<input type="radio" name="sex" />女

标签：

<input type="lable"/>rap

按钮：value设置按钮里的值

<input type="button" value="按钮"/>

重置：有功能，清空，一定要放在from中

<input type="reset" value="重置"/>

提交：真实提交，一定要放在from中

<input type="submit" value="按钮"/>

下拉框： 默认选中：selected="selected"

<select>
    <option value="长沙" selected="selected">"长沙"<option>
    <option value="北京">"北京"<option>
<select>

文本域：texarea   需要固定大小需要设置最小宽高、最大宽高，就可固定文本域大小
         

<textarea style="max-width:400px; max-height: 100px; min-width: 400px; min-height: 100px;">
</textarea>