363045841 的博客

Appearance

标签 ​

HTML 标签要求闭合，分为开始标签和结束标签，比如 <h1></h1> 如果标签中间内容为空，需要该标签自闭合，在 HMTL5 中只需要 tagname 即可完成自闭合。 部分标签本来就是自闭合的，；例如 br，hr，img，input，link，meta，area，base，col，command

标签属性 ​

键值对形式 HTML 全局属性_w3cschool 其他属性自己搜

Head 标签 ​

描述文档属性和信息，可插入 <title>, <style>, <meta>, <link>, <script>, <noscript> 标签

Title 标签 ​
  • 定义了浏览器工具栏的标题
  • 当网页添加到收藏夹时，显示在收藏夹中的标题
  • 显示在搜索引擎结果页面的标题
Base 标签 ​

描述了基础的链接地址/链接目标

确定了文档与外部资源之间的关系

Style 标签 ​

定义了 HTML 文档的样式文件引用地址

meta 标签 ​

提供关于 HTML 文档的元数据，用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据

script 标签 ​

用于加载脚本文件

标题标签 ​

h1~h6

段落标签 ​

<p> 段落和段落之间会产生空行（块级元素）

链接标签 ​

配合 href 超链接属性使用

html
<a href="http://www.114514.com" target="_blank">Web</a>// 新窗口打开超链接

列表标签 ​

  1. 有序列表 <ol>
  2. 无序列表 <ul>

表格标签 ​

用 table 标签形成一个表格块，用 thead 写表头，tbody 写表格元素

html
<table>
        <thead>
	        <!-- 列标签 -->
            <th>1</th>
            <th>2</th>
            <th>3</th>
        </thead>
        <tbody>
	        <!-- 数据标签 -->
            <td>114</td>
            <td>514</td>
            <td>123</td>
        </tbody>
    </table>

表单标签 ​

下面分别创建了一个输出框，一个输入区域以及一个选择框

html
<form>
    <div>
    <label>name:</label>
    <input type="text">
    </div>
    <!--行级元素转块级元素-->
    <div>
    <label>name:</label>
    <input type="text">
    </div>
    <div>
        <label>name:</label>
        <textarea></textarea>
    </div>
    <div>
        <label>xingbie</label>
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </div>
</form>

其他 type 属性详见 HTML input 标签_w3cschool

按钮标签 ​

html
<button>114514</button>

图片标签 ​

行级元素

html
<img src="https://cdn.luogu.com.cn/upload/image_hosting/sagg0ew2.png" alt="xi" style="zoom:60%;">

注释 ​

< !--114514-- >