网页设计标签(一)

一,XM1

网页标题:<!--标题、元素、标记。包括单标签、双标签、注释标签-->
        <!--注释标签:不会被浏览器翻译-->
        <!--基础标题:标题、段落、文本格式化-->
        <!--标题;网页标题title、1~6j级标题-->
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
        <!--段落标签:p-->
        <!--换行标签<br/>-->

<strong>加重语气</strong>
        <em>斜体</em>
        <del>删除线</del>
        <ins>下划 &nbsp;&nbsp;&nbsp;&nbsp;线</ins>
        <br />
        a<sub>n</sub><!--下标>
        <br/>
        m<sup>2</sup><!--上标-->
        <p>衬衫的价格:&yen;9</p>
        

二、XM2

图片标签:    <!-- 图片标签 :img
        1.src:source源,图片源。注意相对路径
        2.width:宽
        3.height:高
        tips提示:在img中width和height属性一般只使用一个值,
        另一个值i会自动进行等比例缩放。
        4.alt:图片加载出错提示l
        -->

 列表标签:,<li></li>
         1.无序列表:<ul></ul>
         2.有序列表:</ol></ol>
         3.自定义列表:<dt></dt> <dd></dd>
  

三、XM3:

 表单标签:
         1.表单域:form标签包含的区域
         2.表单标签:输入input,选择select,文本域:textarea
         3.提示信息:<span >


      <select>
            <option></option>     <!---选项---->
        </select>

<textarea ></textarea>      <!---文本域---->

<input  type="reset"/>    <!----重置---->

四、XM4

样式


      <style>
      
                color: green; /*字体颜色*/
                font-size: 36px;  /*字体显示*/
                text-align: center; /*大小显示*/
       
        </style>

 引入样式:
             1.内联样式
             2.内部
             3.外部
             3.1创建css文件
 
             <!-- 内联样式:在开始标签中使用style属性书写样式 -->

五、XM5

表格标签:<!-- border:边框  cellspacing:单元格之间的空间距离
        cellpadding:单元格的填充值(内容到边框的距离) -->

<!-- 表格标签 -->
            <thead>            <!-- 表头部分 -->
                <tr>        <!-- 行 -->
                    <th>***</th>            <!-- 表头 -->
                    <th>###</th>
                    <th>###</th>
                </tr>
            </thead>

<!-- 数据部分 -->
                <tr>
                    <td>001</td>
                    <td>张三</td>
                    <td>###班</td>
                </tr>
                <!-- 第二行数据 -->
                <tr>
                    <td>002</td>
                    <td>李四</td>
                    <td>####</td>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值