HTML速记表

最新推荐文章于 2024-08-05 22:35:13 发布
最新推荐文章于 2024-08-05 22:35:13 发布
阅读量202 收藏
点赞数
分类专栏： 前端开发 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iamchenxingzhi/article/details/108262829
版权

一、基本框架

<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
    <meta charset="utf-8">
</head>
<body>
    内容...
</body>
</html>

二、标签

<h1>1号标题，最大</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>6号标题，最小</h6>

<p>段落</p>

<!-- 换行 -->
<br>
<!-- 水平线 -->
<hr>

三、文本格式化

不重要，稍作了解就好。

标签解释
b粗体文本
code计算机代码
em强调文本
i斜体文本
kbd键盘输入
pre预格式化文本
small更小的文本
strong重要的文本
abbr缩写
address联系信息
bdo文字方向
blockquote从另一个源引用的部分
cite工作的名称
del删除的文本
ins插入的文本
sub下标文本
sup上标文本

四、链接

<!-- 普通的链接 -->
<a href="http://www.example.com/">链接文本</a>
<!-- 图像链接 --> 
<a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
<!-- 邮件链接--> 
<a href="mailto:webmaster@example.com">发送e-mail</a>

<!-- 书签--> 
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

五、图像

<img loading="lazy" src="URL" alt="图片没显示的文本" height="100" width="100">

六、列表

1.无序列表

<ul>
    <li>条目1</li>
    <li>条目2</li>
</ul>

2.有序列表

<ol>
    <li>条目1</li>
    <li>条目2</li>
</ol>

3.自定义列表

<dl>
  <dt>条目1</dt>
    <dd>描述条目1</dd>
  <dt>条目2</dt>
    <dd>描述条目2</dd>
</dl>

七、区块

<div>块级元素，包含的元素会自动换行</div>
<span>行内元素，在它的前后不会换行</span>

八、表格

<table border="1">
  <tr>
    <th>表格标题1</th>
    <th>表格标题2</th>
  </tr>
  <tr>
    <td>表格数据1</td>
    <td>表格数据2</td>
  </tr>
</table>

九、表单

<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>选项1</option>
<option selected="selected">选项2</option>
<option>选项3</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>

十、框架

<!-- iframe 元素会创建包含另外一个文档的内联框架 -->
<iframe src="demo_iframe.htm"></iframe>

十一、实体

<!-- 小于号 < -->
&lt;
<!-- 大于号 > -->
&gt;
<!-- 和号 & -->
&amp;
<!-- 引号 " -->
&quot;
<!-- 版权 © -->
&#169;
chenxingzhi~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML知识点速记
bidi2317的博客
03-03 293
1、字符集（charset） -编码和解码所采用的规则称为字符集 2、乱码问题： -如果编码和解码所采用的字符集不同就会出现乱码 3、常见的字符集 -ASCII GBK UTF-8 可以通过meta标签来设置页面的字符集 <meta charset="utf-8"> 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格，在HTML中有些时候，我们不能直接书写一些特殊符号，比如：多个连续的空格，比如字母两侧的大于和小于号。如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转
常用HTML代码速查表
管子（zero）的杂乱空间
04-13 233
标记或参数 定 义 &lt;A&gt; 连结标记 &lt;ADDRESS&gt; 地址标记（斜体效果） &lt;AREA&gt; 连结区域标记（设定各连结区域） alink 点击连结时的样式。例：alink="#FF0000" align 水平方向摆放位置。例：align="center" alternate 来回走动，例：...
html5_canvas-记忆力卡片游戏
dianyan5615的博客
12-12 173
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&gt...
HTML各种标签合集
痞子王的博客
04-13 2595
HTML 快速入门： ​ * 语法： ​ 1. html文档后缀名 .html 或者 .htm ​ 2. 标签分为 ​ 1. 围堵标签：有开始标签和结束标签。如 ​ 2. 自闭和标签：开始标签和结束标签在一起。如 3. 标签可以嵌套： 需要正确嵌套，不能你中有我，我中有你 错误：<a><b></a></b>...
前端开发速记卡
Mars Suburbs People
03-25 139
web前端开发常用sheet          
HTML速记
lilien的博客
09-25 196
HTML速记 HTML检索网站： w3school：https://www.w3school.com.cn/ 菜鸟教程：https://www.runoob.com/ 1. 概念：是最基础的网页开发语言 * Hyper Text Markup Language 超文本标记语言 * 超文本: * 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本. * 标记语言: * 由标签构成的语言。<标签名称> 如 html，xml * 标记语言不是编程语言 2
html特性速记图,html知识点速记
weixin_31999597的博客
06-07 135
html知识点速记2020年07月14日|萬仟网IT编程 |我要评论标签行标签：包含a、span、em、strong、img、var；a标签：主要用来链接一个其他的网页；span标签：主要用来对行内的文字进行一些样式以及其他的操作；em标签：一般用来对文字进行强调，使用斜体体现出来；strong标签：一般用来对文字进行强调，使用加粗字体体现出来；...
HTML标签速记整理W3C
10-18 162
标题 <h1>段落<p>链接< href="">图像<img src="">自关闭元素，不需要结束标记换行标志<br>HTML 元素以开始标签起始HTML 元素以结束标签终止HTML 文档由嵌套的 HTML 元素（可以包含其他 HTML 元素）构成<html><head><meta charet=...
前端HTML总结
最新发布
m0_54066656的博客
08-05 613
前端笔记，HTML标签详解。
HTML-09.表单项标签
程小白的博客
08-05 173
【代码】HTML-09.表单项标签。
HTML-04.新浪新闻-标题-超链接
程小白的博客
08-02 226
【代码】HTML-04.新浪新闻-标题-超链接。
前端面试宝典【HTML篇】【5】
BDawn的专栏
08-05 46
form标签用于定义 HTML 表单，它用于收集用户输入的数据。而input 标签则是表单中最常用的元素之一，用于创建各种类型的输入控件。 template 标签是 HTML5 中引入的一个新元素，用于定义文档中的不可见模板。这些模板可以被脚本动态地克隆并插入到文档的可见部分中，从而实现动态内容的快速构建。
【日常记录-JS】HTML动态加载JS脚本
zhaoyaxuan001的博客
08-05 160
从外部系统跳到落地页，并将验签相关参数通过url参数传入落地页。由于后台对所有请求均增加了验签校验，导致js静态文件获取失败。由于HTML本身是静态的，动态加载JS文件，需要通过脚本来实现；
前端面试宝典【HTML篇】【6】
BDawn的专栏
08-05 159
canvas标签是 HTML5 中引入的一个新元素，它提供了一个矩形区域，可以在其中绘制图形或图像。canvas 本身并不具备绘图能力，它只是一个容器，所有的绘图工作都需要通过 JavaScript 来完成。 svg标签是用于定义可缩放矢量图形 (Scalable Vector Graphics, SVG) 的容器。SVG 是一种基于 XML 的图形格式，它允许开发者创建高质量的矢量图形，这些图形可以无限放大而不失真。SVG 图形不仅支持静态图像，还支持动画和交互式图形。
HTML-03.新浪新闻-标题-样式2
程小白的博客
08-02 358
【代码】HTML-新浪新闻-标题样式2。
原神升级计划数据表：4个倒计时可以修改提示信息和时间，可以点击等级、命座、天赋、备注进行修改。
lulei5153的博客
08-05 135
原神升级计划数据表：4个倒计时可以修改提示信息和时间，可以点击等级、命座、天赋、备注进行修改。
JavaWeb基础1：HTML/CSS/JS/HTTP
m0_53842576的博客
08-05 235
JavaWeb基础1：HTML/CSS/JS/HTTP (qq.com)
HTML,CSS,JavaScript实现——井字棋游戏
Rverdoser的博客
08-02 423
这段代码提供了一个3x3的井字棋盘，并使用CSS grid布局来创建这个棋盘。接下来，需要添加JavaScript代码来处理玩家的移动，以及判断输赢。这些逻辑会涉及事件监听、条件判断以及DOM操作。这里只提供实现井字棋游戏的核心HTML和CSS代码。具体的JavaScript逻辑（如处理玩家移动、判断胜负等）需要根据实际情况编写。// 这里添加JavaScript代码来实现游戏逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值