HTML基本

、什么是HTML
Hyper Text Markup Language: 超文本标签语言

由标签组成

二、标签
单标签:<标签名> 或 <标签名 />

双标签:<标签名></标签名>

1.<meta>标签
描述文档类型和字符编码    
<head>

               <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

</head>

描述搜索关键字和描述
<head>

           <meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" />

           <meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、……" />

</head>

2.块级标签:
显示为“块”状,前后隔一行

标题标签
         <h1>一级标题</h1>                          

         <h2>二级标题</h2>  

         <h3>三级标题</h3>  

         <h4>四级标题</h4>  

         <h5>五级标题</h5>  

         <h6>六级标题</h6>

        ​​

段落标签
        <p></p>

水平线标签
        <hr />

有序列表标签
        <ol>  

                 <li>列表项1</li>  

                  … …  

        </ol>

无序列表标签
        <ul>  

                <li>列表项1</li>  

                 ……  

        </ul>

标题列表标签
        <dl>  

                <dt>标题</dt>  

                 <dd>描述1</dd>  

        </dl>

表格标签
        <table>  --表格

        <tr> --一行       

                <td>百度</td>      --一列(单元格)

                <td>新浪</td>  

        </tr> …… </dl>

        

表单标签
        <form>--一般和 table使用

                 <table>    

                         <tr>        

                                <td>...</td>      

                                 <td>...</td>    

                        </tr>

                .....

                </table>

        </form>

分区标签
        <div></div>

常用4种块状结构:

1、div-ul(ol)-li :常用于分类导航或菜单等

2、div-dl-dt-dd :常用于图文混编的场合

3、table-tr-td :常用于图文布局或显示数据

4、form-table-tr-td:常用于布局表单  

3.行级标签:
按行逐一显示

图像标签
        <img />

span 标签
        显示某行内的独特样式 ,前后自动换行       <p></p>

eg.   <p>商品价格:仅售<span style="color:red;font-size:70px;">10</span>元</p>

        

换行标签
        <br />

标签里面可以有属性,属性一定在标签里!!

4.其他
浮动标签
        <marquee></marquee>

使图片动起来

超链接
        <a></a>

属性: href = "路径"

空格
        &nbsp

三、基本规范
标签名和属性名称必须小写  
HTML标签必须关闭
属性值必须用引号括起来
标签必须正确嵌套
必须添加文档类型声明
 声明必须位于文档的最前面
三种级别:Strict(严格类型) 、Trasitional(过度类型)、 Frameset(框架类型)
 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值