HTML常用标签1

HTML是什么?
超文本标记型语言，是做网页的

CSS是什么？
层叠样式表，用来设置内容样式的;

   目的:
把网页的样式和内容分离,便已维护代码
html中大部分标签的属性，建议都用css设置！

一、标签：
1）字体标签：<font></font>
属性：color;size 建议不用。用CSS
2）标题标签：有自动加粗和换行的作用
<h1></h1>.....<h6></h6>
属性：align 建议不用。用CSS
3）水平线标签：<hr/>
属性：align;size(px);width(px,%) 建议不用。用CSS
4）列表标签：【开发常用无序标签】
定义标签：<dl>
显示效果：
  <dt></dt> 定义上层内容
   传智播客
  <dd></dd> 定义下层内容
java学院
 </dl>
有序标签：<ol> (属性：type="1"或"a"或"A"或"I")  显示效果：
   <li><li>
  1.java学院
   <li><li>
   2.人事部
  </ol>
         无序标签：<ul>(属性：type="disc"或"circle"或"square"也可以是ol中的type值)

   <li></li>
·java学院
   <li></li>
·人事部
 </ul>
5）图形标签：<img src="图片的路径名称"/>
width：图片宽度
height：图片的高度
border：图片的边框的粗细
alt: 显示在图片上面的内容
  鼠标移动到图片上面，稍等片刻出现文字
  如果图片找不到，显示alt的内容
  这个属性在某些浏览器不能显示的

       6）超链接标签：<a href="链接到的地址">显示在页面上的内容</a>
    target里面的值：_self,当前页面打开；   _blank，在新标签页打开
7）其他：
pre：原样输出
p：段落标签
s：删除线
u: 下划线
b：加粗
i：斜体

    常用：div : 自动换行
    span：在一行进行显示

二、重点掌握标签：
表格标签：
属性： border：设置表格线
bordercolor：设置表格线的颜色
cellspacing: 设置单元格之间的距离
cellpadding: 设置文字和单元格之间的距离
width: 设置表格的宽度
height：设置表格的高度
algin: 设置表格位置left center right
<table>
<tr> 表示行
 <th></th>
自动加粗，居中
 <td></td>
表示列(特有属性：clospan;rowspan)
</tr>  
</table>
表单标签：<form action="hello.html" method="get"></form>
action：提交的服务器的地址
method：表单的提交方式（有很多种，常见的有两种 get和post）

输入项：用来输入内容的
   **输入项里面必须要有name属性
   **在单选输入项和复选输入项以及下拉选择输入项里面都需要有属性value，设置的值
<input type="输入项的类型"/>
第一个：普通输入项 <input type="text"/>
第二个：密码输入项 <input type="password"/>
第三个：单选输入项 <input type="radio"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第四个：复选输入项 <input type="checkbox"/>
** 要求：单选输入项里面必须有name属性，同时name的属性值必须要相同
** 设置默认选中，使用属性 checked="checked"
第五个：文件输入项，上传文件的。<input type="file"/>
第六个：隐藏项，这个值不会显示在页面上，但是提交表单也可以提交到服务器上
<input type="hidden"/>
第七个：普通按钮 <input type="button"/>
第八个：提交按钮 <input type="submit"/> 如果input没有name属性那么这个输入项结果无法被提交
第九个：文本域 <textarea cols="10" rows="5"></textarea>
下拉选择输入项:
<select name="sele">
  这个的name是写在select里的
<option value="a">AAAA</option>
<option value="b">BBBB</option>
<option value="c">CCCC</option>
</select>
* 使用属性 selected="selected" 默认选中