HTML笔记
本文最后更新于 68 天前,其中的信息可能已经有所发展或是发生改变。
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title> 文档标题 </title>
    </head>
    <body>
        <h1>
            页面标题,后面的数字表示标题等级,这是一级标题
        </h1>
        <p>
            p 标签,一个段落标签,里边的内容是一个段落
        </p>
        <a href="http://www.xiaoyaojingjv.cn">a 标签,定义一个超链接,点击跳转,href中指定要跳转到的链接</a>
        <br>
        <p>
            br 标签表示换行
        </p>
        <img src="https://img.picgo.net/2025/04/22/bfd9dd5e9569d74b725ba4222a7c149d4a48bb92a48dc46.th.jpg"/>
        <p>
            img 标签显示图片,src指定显示的图片的链接,可以是网上的图片链接也可以是图片在项目中的具体路径
        </p>
        <hr>
        <p> hr 标签是一条线,用于分割内容 </p>
        <!-- 这是一个注释 -->
    </body>
</html>
​
属性名适用元素说明
id所有元素为元素指定唯一的标识符
class所有元素为元素指定一个或多个类名,用于 CSS 或 JavaScript 选择
style所有元素直接在元素上应用 CSS 样式
title所有元素为元素提供额外的提示信息,通常在鼠标悬停时显示
data-*所有元素用于存储自定义数据,通常通过 JavaScript 访问
href<a>, <link>指定链接的目标 URL
src<img>, <script>, <iframe>指定外部资源(如图片、脚本、框架)的 URL
alt<img>为图像提供替代文本,当图像无法显示时显示
type<input>, <button>指定输入控件的类型(如 text, password, checkbox 等)
value<input>, <button>, <option>指定元素的初始值
disabled表单元素禁用元素,使其不可交互
checked<input type="checkbox">, <input type="radio">指定复选框或单选按钮是否被选中
placeholder<input>, <textarea>在输入框中显示提示文本
target<a>, <form>指定链接或表单提交的目标窗口或框架(如 _blank 表示新标签页)
readonly表单元素使输入框只读
required表单元素指定输入字段为必填项
autoplay<audio>, <video>自动播放媒体
onclick所有元素当用户点击元素时触发 JavaScript 事件
onmouseover所有元素当用户将鼠标悬停在元素上时触发 JavaScript 事件
onchange表单元素当元素的值发生变化时触发 JavaScript 事件
标签描述
<!doctype html>声明文档格式
<html>定义 HTML 文档
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件
<body>定义文档的主体
<h1>-<h6>定义 HTML 标题
<hr>定义水平线
<!–…–>定义注释
<p>一个段落标签,里边的内容是一个段落
<a href=””></a>定义一个超链接,点击跳转,href中指定要跳转到的链接
<br>换行
<b>定义粗体文字
<em>定义着重文字
<i>定义斜体文字
<small>定义小号文字
<strong>定义加重语气
<sub>定义下标字
<bup>定义上标字
<ins>定义插入字
<del>定义删除字
<img>定义图像
<map>定义图像地图
<area>定义图像地图中的可点击区域
<table>定义表格
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格单元
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义用于表格列的属性
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>自定义列表项目
<dd>定义自定列表项的描述
<div>定义了文档的区域,块级 (block-level)
<span>用来组合文档中的行内元素, 内联元素(inline)
<form>定义供用户输入的表单
<input>定义输入域
<textarea>定义文本域 (一个多行的输入控件)
<label>定义了 <input> 元素的标签,一般为输入标题
<fieldset>定义了一组相关的表单元素,并使用外框包含起来
<legend>定义了 <fieldset> 元素的标题
<select>定义了下拉选项列表
<optgroup>定义选项组
<option>定义下拉列表中的选项
<button>定义一个点击按钮
<datalist>指定一个预先定义的输入控件选项列表
<keygen>定义了表单的密钥对生成器字段
<output>定义一个计算结果
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇