HTML基础

HTML基础

重要容器

1. div
2. span

常用标签

1. <br> 换行符
2. &lt; 小于号<
3. &gt; 大于号>
4. <hr> 水平线

有序列表

示例

<ol type = "1" start="2" reversed="reversed">
       <li>不如<br>秦海清</li>
       <li>星辰大海<br>黄霄云</li>
       <li>放空<br>AI TRIP/大籽/lil E</li>
</ol>

无序列表

示例

<ul type = "circle">
       <li>骁<br>秦海清</li>
       <li>星辰大海<br>黄霄云</li>
</ul>

图片标签

示例

        <img src="https://y.gtimg.cn/music/common/upload/MUSIC_FOCUS/4037093.jpg" style="width: 500px;" alt="This is Zhang Xueyou!" title="Zhang Xueyou">

alt 图片占位符
title 图片提示符

a标签

表单form

1. 选择项

<form method="get" action="">
      <input type="radio" name="star" value="Zhang Xueyou">张学友
      <input type="radio" name="star" value="Wang Weijia">毛不易
      <input type="radio" name="star" value="Zhang Guorong">张国荣
      <input type="submit">
</form>

2. 搜索框
   
3. 下拉选项

<form method="get" action="">
      <h1>Province</h1>
      <select name="province">
            <option>Beijing</option>
            <option>Shanghai</option>
            <option>Tianjin</option>
        </select>
        <input type="submit" name="submit">
</form>

如果在option中添加value属性，那么提交的结果以value的值为准。

知识来源：渡一