html前端初学习

1.vs code快捷方式

!+回车

2.标签:<br>:换行

<hr>:水平线

<title></title>:标题

<h1></h1>,<h2></h2>......:1-6级标题

<p></p>:段落

 <b></b><strong></strong>:加粗

    <u></u><ins></ins>下划线

    <i></i><em></em>倾斜

    <s></s><del></del>:删除线

3.图片使用

<img src="映鱼.jpg" alt="头像" title="悬停" width="200" height="400">

依次为加入的图片名,无法显示时的显示的文字,悬停时显示的文字,图片的宽和高

4.音频,视频:

<video src="./[Comicat&KissSub][86 - Eighty Six][03][1080P][GB][MP4].mp4" controls autoplay></video>

依次为加入的视频名称,controls:显示播放控件;autoplay,自动播放;loop`:循环播放;(音频(多为mp3),视频(多为mp4)同理);

5.链接标签:

<a href="./ht2-29-1.html" target="_blank">sdfgsdfg</a>(超链接)

    <a href="#">空连接</a>(空链接)

 6.列表标签:

(1)无序列表

<ul>

        <li>骷髅</li>

        <li>苦力怕</li>

        <li>幻翼</li>

    </ul>

    (2)有序列表

<ol>

        <li>坚守者:500</li>

        <li>凋零:200</li>

        <li>沼骸:16</li>

    </ol>

    (3)自定义列表

<dl>

        <dt>下界生物</dt>

       <dd>恶魂</dd>

       <dd>猪灵</dd>

       <dd>凋零骷髅</dd>

    </dl>

6.表格

<table border="1" width="500" height="300">

        <caption>生物</caption>(表格标题)

        <tr>(行)    

            <th>名字</th>(表头单元格)

            <th>阵容</th>

            <th>血量</th>

        </tr>

        <tr>

            <td>沼骸</td>(表格)

            <td>敌对</td>

            <td>16</td>

        </tr>

        <tr>

            <td>僵尸猪人</td>

            <td>中立</td>

            <td>20</td>

        </tr>

    </table>

表格属性:border:边框宽度

width:表格宽度

height:表格高度