Web前端开发技术-HTML5基础-标签总结（一）

最新推荐文章于 2022-06-14 14:47:31 发布

Max hui

最新推荐文章于 2022-06-14 14:47:31 发布

阅读量1.5k

点赞数 6

文章标签： html web

本文链接：https://blog.csdn.net/SUZEHUI9636/article/details/114776875

版权

1.HTML文档基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

2.头部head

中间内容显示在浏览器标题栏

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这是标题</title>
</head>
<body>
    
</body>
</html>

结果：
在这里插入图片描述
3.主体body

<body>这是内容</body>

结果：
在这里插入图片描述
body标记属性

text
通过rgb（）函数或颜色英文名称red、green、blue修改文本颜色
bgcolor（背景颜色）
topmargin（规定文档中上边距的大小）
leftmargin（规定文档中左边距的大小）

4.注释（选中文本+Ctrl+/）

<!-- 这是内容 -->

5.标题字标记

<h3 align="justify">3号标题</h3>

h1-h6分别表示一至六级标题
align=“属性”
属性：

left 左对齐
center 居中
right 右对齐
justify 两端对齐

6.空格及特殊符号

空格  
<小于 &lt；
>大于 &gt；
&符号 &amp；
"双引号 "
© 版权 &copy；
®注册商标 &reg；
x 号 &times；
÷号 &divide；

7.文本修饰

<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<del>删除线</del>
<sup>上标</sup>
<sub>下标</sub>

8.字体标记font

<font face="" color="" size="">文本</font>

face默认为 - 宋体
普通文字默认像素-16px
9.段落排版标记

段落

<p align="">段落内容（align为对齐方式）</p>

横线

<hr width="10px" size="10px" color="red" align="center">

换行

<br>

10.拼音音标注释

<ruby>
	中<rt>zhong</rt>
	国<rt>guo</rt>
</ruby

11.段落缩进预格式化

<blockquote>
		段落向右缩进5个英文字符
</blockquote>

<pre>保留此处空白/内容</pre>

12.列表标记

无序列表

 <ul type="disc 实心圆/circle 空心圆/square 实心方形">	
 		<li type="disc/circle/square">项目名称</li>
 </ul>

有序列表

<ol type="1/A/罗马字母/none" start="" >	
		<li type="">项目名称</li>
</ol>

定义列表

<dl>
	<dt>项目1</dt>
			<dd>描述1</dd>
			<dd>描述2</dd>
			<dd>描述3</dd>
	<dt>项目2</dt>
			<dd>描述1</dd>
			<dd>描述2</dd>
			<dd>描述3</dd>
</dl>

Max hui

关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
7
评论
Web前端开发技术-HTML5基础-标签总结（一）

1.HTML文档基本结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt
复制链接

扫一扫