学习HTML第二课时

前言

今天我们来继续一起学习HTML。

标签学习

b

strong

i

em

s

del

sup

sub

u

ol

ul

dl

table

b标签

b标签的作用是加粗字体

<b>这是 b 标签</b>

strong标签

strong标签的作用和b标签一样也是加粗字体，但是strong标签更具有强调作用

<strong>这是 strong 标签</strong>

i标签

i标签的作用是让字体倾斜

<i>这是 i 标签</i>

em标签

em标签的作用和i标签的作用一样都是让字体倾斜，但是em标签更具有强调作用

<em>这是 em 标签</em>

s标签

s标签的作用是给字体添加删除线，但是HTML5不适用s标签

<s>这是 s 标签</s>

del标签

del标签的作用和s标签的作用一样都是给字体添加删除线，适用HTML5

<del>这是 del 标签</del>

sup标签

sup标签的作用是起到上角标作用

20<sup>o</sup>C

sub标签

sub标签的作用是起到下标签作用

H<sub>2</sub>O

u标签

u标签的作用是让字体携带下划线

<u>我是 u 标签</u>

ol标签

ol标签起到有序列表的作用

<ol>
       <li>把冰箱门打开</li>
       <li>把大象装进去</li>
       <li>把冰箱门带上</li>
</ol>

ul标签

ul标签起到无序列表的作用

<ul>
        <li>抱孩子</li>
        <li>接电话</li>
        <li>关煤气</li>
    </ul>

dl标签

dl标签的作用是自定义列表

<dl>
    <dt>帮助中心</dt>
    <dd>账户</dd>
    <dd>财富</dd>
</dl>

table标签

table标签作用于基础表格制作

<table border="1" width="500" height="150" cellspacing="0" cellpadding="0" align="center" bgcolor="red" bordercolor="green">
        <tr>
            <th>序号</th>
            <th>王者英雄</th>
            <th>王者性别</th>
            <th>所属位置</th>
            <th>详情</th>
        </tr>
        <tr>
            <td>1</td>
            <td>王昭君</td>
            <td>女</td>
            <td>中路</td>
            <td><a href="">点击查看详情</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>亚瑟</td>
            <td>男</td>
            <td>对抗路</td>
            <td><a href="">点击查看详情</td>
        </tr>
        <tr>
            <td>3</td>
            <td>虞姬</td>
            <td>女</td>
            <td>发育路</td>
            <td><a href="">点击查看详情</td>
        </tr>
    </table>

总结

今天的HTML学习就到这里啦，欢迎大家继续来和我一起学习HTML编程语言。谢谢大家！