博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

HTML标签:

作用是在网页上呈现内容

特点:通常成对出现,不区分大小写,但是规范要求小写。

*超链接标签

    超链接标签:作用是进行页面的跳转
<a href="网址路径">超链接文本</a>

<a href="http://www.sina.com.cn">新浪</a>

 

A.标题标签:

<h1>自定义名</h1> ---标题标签
****,****.<br/> ----换行标签
****,****.

加粗标签:

<strong>***</strong> --加粗标签 中间*** 就是要加粗的文字!

B标签:

<b>***</b> ---同上也是加粗标签

斜体:

<em>***</em> ---中间的***会变成斜体字

<i>***</i>

水平线:

<hr/> --水平线

划分区域:

<span>***</span> 行内容

段落标签:网页上的文本较多时,使用段落标签进行段落的划分

<p>****</p> ---****就是要分的段落内容

<pre>
  在这里写成什么字体,就

显示什么字体 </pre>

B.列表标签:

1:无序列表

<ul>
    <li>
    ***
        </li>
    </ul> ---***是无序排列的 内容 没有数字标记1: 2: 以黑点代替

2:有序列表

<ol>
    <li>
    ****
        </li>
            </ol>        --***代表要有顺序排列的 呢欧日那个 有1: 2: 需要的排序

 3:定义列表

<dl>
    <dt>****</dt> --可以放图片<img src“*” title=“***”>  *(路径) ***(鼠标放图片上可以显示出文字)
            --标题,**也可以写超文本a<href:www.baidu.com>百度</a>
    <dd>****</dd>                
            --定义说明
           </dl>

C.表格标签

<table>     写表格的时候一定要写在<table>中
    <tr>     --<tr>代表行数
          <td></td> --<td>代表列数
    </tr>
</table>    
    
            ---colspan(控制列)
            ---rowspan(控制行) 当每一列表中多出一行或者一列的时候
                                            删除相对应的行或者列

D:表单标签

<form  name="**"  method="get/post"  action="**" >
        -- get:明文,最大字节是2048个字节,不安全效率高
     -- post:打包,没有大小限制,安全效率低,上传文件只能用post **(用户)
<input type=“text” name=“username” /> **(密码)<input type=“password” name=“密码” /> **(爱好)<input type="checkbox" name=“**” /> --多项选择 **(爱好)<input type="checkbox" name=“**” /> 游泳 **(爱好)<input type="checkbox" name=“**” />射击 **(性别)<input type=“radio” name=“sex” /> 男 **(性别)<input type=“radio” name=“sex” />
  --单选,但是属性name ‘一定要定义一致’
**(生日)<input type="Date" name="生日" /> 日期
<select> <option>***</option> ---查看选择 <option>***</option> <option>***</option> </select> 文本域:输入多行文本 cols:文本的列有多个字符,相当于宽 rows:文本有多少行,相当于高 **(说明)<textarea cols="文字长度行数(宽)" rows=“列数(高)”> </textarea> <input type="file" /> --提取文件(按钮) <input type="submit" />--提交(按钮) <input type="reset" /> --清空(按钮) <input type="button" value="提交"> 提交(按钮) </from>