html基本结构，html标签语法，常用标签，常用字符实体，标签嵌套规则，注意事项

最新推荐文章于 2021-06-02 23:57:55 发布
最新推荐文章于 2021-06-02 23:57:55 发布
阅读量389 收藏
点赞数 3
文章标签： html css JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lgw_zuiyouxiu/article/details/95466611
版权

1.html基本结构：

<!doctype html>  <!--声明文档类型    html是html5的文档类型-->
<html>			<!--根标签的开始-->
<head>			<!--头部标签的开始-->
<meta charset=”utf-8”>   <!--设置字符集编码    utf-8===万国码-->
<title>HTML的基本结构</title>  <!--网页标题标签-->
</head>         <!--头部标签的结束-->
<body>			<!--主题内容标签的开始-->
这里书写的是网站的内容，包括文字，图片，视频等
</body>         <!--主题内容标签的结束-->
</html>         <!--根标签的结束-->

2.html标签语法：
标签，标记，元素
常规标记 双标记
<标记名 属性=”属性值” 属性=”属性值”></标记>
写在< >中的第一个单词是标签名，标记名，元素名
一个标签可以拥有一个或者多个属性
属性和属性值用等号=连接 属性值必须放在双引号 ”” 中
属性和属性之间不分先后顺序
空标记没有自己的结束标记，可以在后面添加 / 斜杠代表结束
保持在英文小写状态输入标签

3.常用标签：
h1-h6:文本标题标签 宽度和父级同宽，独占一行，不会和其他元素在一行显示 会使文本加粗 会改变文本的显示大小
P ：段落标签 宽度和父级同宽，独占一行，不会和其他元素在一行显示
b : 加粗标记 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示
会使文本加粗显示
strong: 强调语气的加粗标记 给搜索引擎提示，我是更重要的加粗文本，宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示，会使文本加粗显示
i ：倾斜标记 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示
会使文本斜体显示
em : 强调语气的倾斜标记 给搜索引擎提示，我是更重要的倾斜文本，宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示，会使文本倾斜显示
hr :水平线标签 宽度和父级同宽，独占一行，显示一条灰色的分割线
del :定义文档中已删除的文本 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示 显示样式是在文本中间添加删除线
strike :定义给文本添加删除线 html5不推荐使用 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示 显示样式是在文本中间添加删除线
S :定义不正确的文本 推荐s 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示 显示样式是在文本中间添加删除线
sup :上标标签 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示
标签中的文本会显示在当前文字大小的一半为基准线的上方
但是不会改变文字的大小
sub :下标标签 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示
标签中的文本会显示在当前文字大小的一半为基准线的下方
但是不会改变文字的大小
br ：强制换行 单标签 会自动填补剩余的空间，使其占有一行空间
font ：字体设置标签 宽度由内容撑大的，不独占一行，会根据书写顺序逐个显示
color 文本颜色
size 文字大小 1-7
face 字体

行内元素：b , strong , i , em , del , strike , s , sup , sub , font , br , a , img , span :宽度右搜索内容撑大，不独占一行，会根据书写顺序逐个显示，不可以设置宽高
块级元素：h1-h6 , p , hr , ul , li , ol , dl , dt , dd , div , table , tr , td ：宽度和父级同宽， 独占一行，可以设置宽高

 4.常用字符实体：
空格    &nbsp;
小于号  &lt;
大于号  &gt;
版权符号   @copy;

5.标签嵌套规则：
块级元素可以嵌套块级元素
块级元素可以嵌套行内元素
行内元素可以嵌套行内元素
行内元素不能嵌套块级元素
p标签不能嵌套块级元素

6.注意事项：
XHTML要求标签正确嵌套   XHTML所有标签必须关闭
XHTML区分大小写
XHTML 属性值要用双引号
XHTML 用id属性代替name属性
XHTML特殊字符处理  &nbsp ;  &lt ;   &gt;
Lgw_zuiyouxiu
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 语法规范及其基本结构标签
酷爱前端的小陈博客
04-16 1266
1. HTML 语法规范 1.1 基本语法概述 1. HTML 标签是由尖括号包围的关键词，例如 <html>。 2. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 3. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。 1.2 标签关系 双标签关系可以分为两类：包含关系和并列关系 2. ...
HTML基本结构及常用标签
sinat_40442798的博客
05-25 1012
什么是HTML？ HTML：超文本标记语言，通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。它是用来设计网页的标记语言，以.html或.htm为后缀。 HTML的基本结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--
HTML基本语法
布白的博客
04-05 3615
HTML基本语法 HTML概念 Hypertext Markup Language：超文本标记语言。是用来制作网页的一种标记语言。 HTML是一种纯文本格式的文件，内部只能书写文字内容，不能添加图片、音频、视频等，但是在网页中给用户呈现的效果却包含了文字以外的内容，这种效果就是HTML语言区别于其他文件的不同之处。 概念： 超文本：是超级文本的缩写，简单来说超文本就是用于链接另一个文本或多媒体内容的文本，比如链接到图片、链接、音频、视频、程序等。 标记：又叫做标签（HTML tag），有特殊的书写规范，是
HTML文档基本语法与规范
小贾爱编程的博客
03-17 3120
HTML(HyperText Markup Language) 是一种用来制作超文本文档的简单“标记”语言 用HTML编写的超文本文档成为HTML文档 HTML定义了网页的逻辑结构，并且可以实现“嵌套”，例如：&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt; 能独立于各种操作系统平台 以.html或.htm作为文件扩展名 查看网页源代码方法： 在网...
html中加横线粗细控制,html中hr怎么设置粗细
热门推荐
weixin_36265980的博客
05-31 1万+
在html中，可以使用css border属性来设置hr水平线的粗细、颜色等样式，只需要给hr标签添加“border: 宽度值 样式值 颜色值;”样式即可，例“hr{border: 5px solid red;}”。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。hr是html页面上的一条水平分隔线(horizontal rule)，它可以在视觉...
HTML语法、常用结构、标签 初学者学习笔记
XXLoveSHT的博客
06-14 4533
第一节：HTML简介hmtl：超文本标记语言，主要说下：页面的元信息 meta ：三个作用1：显示字符集的设定2：设置刷新后，跳转到哪个界面3：向搜索引擎提供查询关键词：代码如下： &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" &gt;   #设置编码格式  &lt;meta http-equiv="...
HTML语法结构及规范
wangtao的博客
01-22 6104
HTML语法结构及规范1. 概念  Html是一种超文本标记语言;2.html注释 &lt;!--注释内容--&gt; 注释的作用：代码说明;3.语法结构    1.符号       尖括号&lt;&gt;;            所有的HTML语言都必须括在其中;    2.标签格式          双标签：成对出现&lt;标签名&gt;&lt;/标签名&gt; &lt;titile&gt;H...
XML轻松学习手册--XML语法之四
03-04
XML（eXtensible Markup Language）是一种用于存储和传输数据的标记语言，它允许开发者创建自定义的标签来描述数据的结构和内容。在XML的学习过程中，了解和掌握DTD（Document Type Definition）是非常重要的一步。...
html标签的嵌套规则介绍
12-14
XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？ 一、HTML 标签包括 块级元素(block)、内嵌元素（inline） 1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签： 复制代码代码如下:　　address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isi
HTML5标签嵌套规则详解【必看】
12-14
目录[1]分类 [2]子元素 [3]总结 前面的话　　在html5中，元素的子元素可以是块级元素，这在以前是被认为不符合规则的。本文将详细介绍html5的标签嵌套规则   分类　　html5出现之前，经常把元素按照block、inline、inline-block来区分。在html5中，元素不再按照display属性来区分，而是按照内容模型来区分，分为元数据型(metadata content)、区块型(sectioning content)、标题型(heading content)、文档流型(flow content)、语句型(phrasing content)、内嵌型(embedde
W3C标准的个人理解以及常见的注意内容
03-11
#### 常见的注意事项 1. **图片的`alt`属性**：为每一张图片添加`alt`属性，这对于屏幕阅读器来说非常重要，同时也是XHTML1.0验证的要求之一。 2. **文档类型声明**：每个HTML文档都必须包含文档类型声明，例如`<!...
SQL Server实用教程XML.pdf
最新发布
05-22
#### 三、XML 的语法细节与注意事项 - **标签命名规则**：XML 标签名称可以包含字母、数字和其他字符，但不能以数字或特定字符（如 xml 或 XML）开头，且不能包含空格。 - **大小写敏感**：XML 语法区分大小写，...
初识html——html的语法和结构
橘子女侠
11-06 2089
初识html——html的语法和结构 1.html的基本语法 1.1 html语言： HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。表示网页信息的符号标记语言。 可以设置文本的格式，如标题，字号文本颜色，段落等。也可以创建列表，插入图像和媒体，建立表格，建立超链接，实现页面跳转。 1.2 html的标签和属性： 标签的语法格式：所有标签都是由一对尖括号...
想知道HTML语法结构？看这一篇就够了（超全解析html语法）
海盗船长y的博客
05-24 3133
NTML文档结构 HTML文档由4个主要标记组成，包括<html>、<head>、<title>、<body>.这4个标记构成了HTML页面最基本的元素。 1.<html>标记 <html>标记是HTML文件的开头。 所有的HTML文件都以标记开头，以标记结束，即HTML页面的所有标记都要放置在与标记中。 标记虽然没有实质性的功能，但却是HTML必不可少的部分。 2.<head>标记 <head>标记是
HTML语法结构及常用方法
zhangxinyi_的博客
11-21 518
HTML 超文本标记语言. 由W3C组织维护的一门标记语言. 一种用于描述网页的标记语言. 97年 推出 HTML4.0版本 99年 推出 HTML4.01版本 2014年10月 推出HTML5.0 语法格式: html文档 通常存储在.html文件 或 .htm文件中 标准的网页格式由三部分组成: 1. 文档声明: <!DOCTYPE html> <ht...
HTML文件的整体结构
小菜鸟的博客
08-30 1690
HTML文件的整体结构 一个完整的HTML文件包括头部文件和主体文件。 1 文件头部内容 1.1 设置页面标题     设置网页的标题，现实在浏览器上。 1.2 设置基底网址     用于设定浏览器中文件的路径，标签一般用于设计文件的URL地址。一个HTML文件只能有一个标签，同时该标签必须放在头文件中。     标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器
在html中加上粗线,如何在HTML画布中改变我的线条粗细？
weixin_34999698的博客
06-02 1011
你需要用beginPath()开始一个新的路径，每条线，设置lineWidth然后stroke()每个行。这里是一个调整(以下小提琴)：var context = canvas.getContext("2d");context.strokeStyle = '#000000';context.beginPath();context.moveTo(10, 10);context.lineTo(50, ...
HTML基础：标签结构与语法要点（上）
本资源主要介绍了HTML标签的基础知识，包括HTML的语法规范、基本结构以及常见的标签及其作用。HTML（Hypertext Markup Language）是一种标记语言，用于创建和设计网页。以下将深入探讨这些关键概念： 1. **HTML语法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值