html标签

HTML4中的标签
html英文全拼写法是：Hyper text markup language超文本标记语言


段落标签 p; <p></p>用来标记段落的 特点：上下自动生成空白行
标题标签 <hx>; <h1></h1>...<h6></h6>用来标记标题的  h1 在一个页面里只能出现一次
换行标签：<br /> 换行不会生成空白行
横线标签：<hr /> 


超链接标签：<a href="连接到的地址" alt="" title="提示文本" target=""></a>
href   去往的路径（跳转的页面） 必写属性
title    提示文本   鼠标放到链接上显示的文字
target=”_self”    默认值    在自身页面打开（关闭自身页面，打开链接页面）  
target=”_blank”   打开新页面 （自身页面不关闭，打开一个新的链接页面）


锚链接：第一步定义锚点：<p id="sd"></p> 第二步超链接到锚点：<a href="#sd"></a>
空连接：<a href="#"></a>
压缩文件下载 不推荐使用：<a href="压缩文件地址"></a>
超链接优化写法：<base target="_blank"> 让所有超链接都在新窗口打开


特殊字符：
空格符：&nbsp;  >:&gt;  <:&lt;


音乐标签：<embed></embed>
滚动标签：<marquee></marquee>


图片标签：<img src="" width="" height="" title="" alt="" />
文本标签：<font></font>


列表标签
无序列表：<ul>...</ul>  ul标签中添加li标签
有序列表：<ol>...</ol>  ol标签中添加li标签
自定义标签：<dl>...</dl> dl标签中添加dt标签和dd标签  dt标签是用来标题  dd标签是内容标签




下列是文本格式化标签
添加下划线标签：<u></u>（现在不怎么使用，没有语义化）或 <ins></ins>(实际开发中使用)
文字倾斜标签：<i></i>（现在不怎么使用，没有语义化） 或 <em></em>（实际开发中使用）
文字加粗标签：<b></b>（现在不怎么使用，没有语义化） 或 <strong></strong>（实际开发中使用，具有强调作用，拥有语义化）
添加删除线标签：<s></s>（现在不怎么使用，没有语义化） 或 <del></del>（实际开发中使用，具有语义化）


表格标签：<table></table>
属性：
border=”1”   边框
width=”500”  宽度
height=”300” 高
cellspacing=”2”    单元格与单元格的距离
cellpadding=”2”    内容距边框的距离
align=”left  |  right  |  center”  
如果直接给表格用align=”center”  表格居中
如果给tr或者td使用   ，tr或者td内容居中。
bgcolor=”red”    背景颜色。


表单的作用是收集信息。
表单的组成
 表单域：<form action="" method=""></form>
属性：action:处理信息
Method=”get | post”   
Get通过地址栏提供（传输）信息，安全性差。
Post 通过1.php来处理信息，安全性高。
◆文本输入框
 <input type="text" />
maxlength="6"    限制输入字符长度
readonly=”readonly”  将输入框设置为只读状态（不能编辑）
disabled="disabled"  输入框未激活状态
name="username"   输入框的名称
value="大前端"     将输入框的内容传给处理文件
◆密码输入框
 <input type="password" name="pwd" />
★注意：文本输入框的所有属性对密码输入框都有效。
◆单选框
 <input type="radio" name="" />
★只有将name的值设置相同的时候，才能实现单选效果。
★checked=”checked” 设置默认选择项。
◆下拉列表
<select>
<option>下拉列表选项</option>
<option>下拉列表选项</option>
</select>
 
属性：
Multiple=”multiple”  将下拉列表设置为多选项
Selected=”selected”  设置默认选中项目
 
<optgroup></optgroup>   对下拉列表进行分组。
Label=””  分组名称。
◆多选框
 
Checked=”checked” 设置默认选中项
◆多行文本框
 
Cols  控制输入字符的长度。
Rows  控制输入的行数
◆ 文件上传控件
 <input type="file" />
◆文件提交按钮
 <input type="submit" />
★：可以实现信息提交功能
◆普通按钮
 <input type="button" />
★不能提交信息，配合JS使用。
◆图片按钮
 <input type="image" />
★图片按钮可实现信息提交功能
◆重置按钮
 <input type="reset" />
★将信息重置到默认状态
◆表单信息分组
<fieldset></fieldset>    对表单信息分组
<legend></legend>      表单信息分组名称


标签语义化
好的语义化的网站标准就是去掉样式表文件之后，结构依然很清晰。
标签语义化概念：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）


-标签语义化意义：
       1:网页结构合理
       2:有利于seo:和搜索引擎建立良好沟通，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取；
       3:方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）
       4:便于团队开发和维护


1：尽可能少的使用无语义的标签div和span；


2：在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；


3：不要使用纯样式标签，如：b、font、u等，改用css设置。


4：需要强调的文本，可以包含在strong或者em标签中strong默认样式是加粗（不要用b），em是斜体（不用i）；