HTML语言中的常用标签

一、HTML的基本结构:

<!DOCTYPE html PUBLIC "-//W3C//DTD// XHTML 1.0 Transitional//EN">//<!DOCTYPE>标签声明遵守W3C标准

<html>   //网页所有内容都包含在<html>...</html>标签中

  <head>   //<head>...</head>网页头文件部分

     <meta http://-equiv="Content-Type" content="text/html;charset=gb2312">//描述具体摘要信息,内容类型、编码等

     <title>网页标题部分</title>   

  </head>

  <body>

    ....//网页主题部分

  </body>

</html>

 

二、HTML语言中的常用标签及属性:

  1. 标题标签<h1>~<h6> 一共6级标题,且所有标题字体加粗。<h1>字号最大
  2. 图像标签<img/>    语法:<img src="url" alt="文本" width="x" height="y"/> 其中src:代表图像地址;alt:当图像无法显示时替代的文本。
  3. 段落标签<p>...</p>
  4. 换行标签<br/>
  5. 水平线标签<hr/>
  6. 超链接标签<a>...</a> 语法:<a href="url" target="目标窗口位置">链接文本或图像</a> 其中href表示路径,target表示链接文件在何处打开,常用的有两个值_blank (在心窗口中打开)和_self (在同一个窗口中打开)
  7. HTML列表标签:

              <ul>//表示无序列表

                 <li>列表项内容</li>

                 <li>列表项内容</li>

         </ul>

         <ol>//表示有序列表

             <li>列表项内容</li>

             <li>列表项内容</li>

         </ol>

      8.HTML表格标签:

        <table width="70%" border="1" cellspacing="0" cellpadding="0">//表格标签

              <tr>//表格行标签

                    <td align="center"></td>//表格单元格标签

                    <td rowspan="2"></td>//rowspan代表单元格所跨的行数    即合并单元格

             </tr>

             <tr>

                    <td colspan="2"></td>//colspan代表单元格所跨的列数      即合并单元格

            </tr>

        </table>

        其中border代表边框线条宽度,cellspacing代表单元格之间的距离,cellpadding代表单元格边框和其内容的距

        离,width代表表格宽度,align代表单元格中内容的对齐方式(left、right、center)

     9.HTML中的表单标签:

         <form action="表单提交地址" method="提交方法(get/post)">

        .....

        </form>

       表单元素标签:

      a.<input/>标签:

            <input name="元素名称" type="类型" value="值" size="显示宽度" maxlength="字符长度" checked="是否默认选中"/>

            #文本框:<input type="text" name=" " value=" "/>

            #密码框:<input type="password"/>

            #单选按钮:<input type="radio" name="sex" value="男"/><input type="radio" name="sex" value="女"/>组中的选项须有相同

                               的name值,以确保用户只能选择一个选项

            #复选框:<input type="checkbox" value="java"/>java<input type="checkbox" value="html"/>html

            #按钮:<input type="submit" value="提交"/>

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

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

           #文件选择框:<input type="file" name="myFile"/>

     b.<select>

              <option></option>//下拉列表框组合标签

        </select>

     c.<textarea cols="5" rows="6"></textarea>//多行文本框标签

     e.<fieldset>//表单结构标签,将表单元素容纳在一个方框中

             <input type="text"/>

             <input type="password"/>

        </fieldset>

     f.<label for="name">姓名:<label /><input name=" " type="text"/>//关联表单元素标签,for表示关联哪个表单控件。

     g.<legend>表单标签标题</legend>//表单结构标题标签。

 

 

      10.HTML中的特殊符号和注释

        空格:&nbsp;

        大于号>:&gt;

        小于号<:&lt;

        引号":&quot;

        版权号:&copy;

 

        注释:<!--注释内容-->

 

 

                                                                                              完~~~

 

          

 

 

 

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值