HTML文档基本语法与规范

最新推荐文章于 2022-03-03 22:22:55 发布
最新推荐文章于 2022-03-03 22:22:55 发布
阅读量3k 收藏 1
点赞数
分类专栏： .NET 文章标签： HTML基本规范 HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37589387/article/details/88625111
版权

HTML(HyperText Markup Language)

是一种用来制作超文本文档的简单“标记”语言

用HTML编写的超文本文档成为HTML文档

HTML定义了网页的逻辑结构，并且可以实现“嵌套”，例如：<ul><li></li></ul>

能独立于各种操作系统平台

以.html或.htm作为文件扩展名

查看网页源代码方法：

在网页空白位置点击鼠标右键，选择“查看源文件”

选择“查看”菜单下“源文件”

<!DOCTYPE html...>
<html>
    <head>
         <title>我的第一个网页</tile>
         <meta />
         ....
         <meta />
    </head>
    <body>
    ....
    </body>
  </html>

DOCTYPE指定网页遵循的规范

html标签定义一个网页，head标签定义网页的头部，title标签定义网页的标题，meta标签定义网页的说明信息，body标签定义网页的主体。

标签（标记）：总是封装在由小于号“<”和大于号">"构成的一对尖括号之中。

单标记：例如：<br/>表示文本或标签的换行，它只需单独使用就能完整地表达意思，标记的语法：<标记>,常用的单标记还有<p>,它表示一个段落结束，并在段落后面加一空行。

双标记：例如：<div>HTML语法规范</div>,<span>CSS样式表</span>,它由“始标记”和“尾标记”两部分构成，必须成对使用。始标记告诉Web浏览器从此出开始执行该标记所表示的功能。尾标记告诉Web浏览器在这里结束该功能，始标记前加一个斜杠"/"即成为尾标记。标记的语法:<标记>内容</标记>。

标记属性：标记的始标记可以包含属性，用于给标记添加信息，格式：<元素名称 属性名=“属性值”>内容</元素名称>,各属性之间无先后次序，属性也可省略。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

使用DOTYPE(document type 文档类型的简写)元素指定所遵循的标准

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

定义扩展标记语言名字空间的属性，扩充标记语言是万维网联盟定义的，并遵循它的标准。

网页编写一般要求：

标签名称不区分大小写，但尽量统一，一般都小写，属性名称必须小写，属性值用双引号括起来<img src=""  />,标签必须严格嵌套<a> <img src="" /> </a> ,双标记必须严格配对，即使是空元素也得封闭<a></a>。

小贾爱编程
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML页面的基本语法
04-04
HTML的一些基本语法结构，1. HTML文件3个组成部分：起始标记、网页标题和文件主题。 2. HTML标记格式 <标记>文件内容</标记> 3. <Head></Head>标记对构成HTML文档的开头部分，在此标记对之间可以使用<Title></Title>、<Script></Script>等标记对。这些标记对都是描述文档相关信息的标记对。 4. <Head></Head>标记对之间的内容不会在浏览器的窗口内显示出来，标记对必须一起使用 5. <Title>和</Title>标记表明赫塔米勒文件的标题，是对文件内容的概括 例如 <Title>我的网页</Title>
前端开发（1）环境搭建、HTML结构：认识标签、文件基本结构、标签层次结构、常见标签：注释，标题、换行 、格式化、实现文本格式化、图片、超链接、表格、表单、无语义标签、快捷键、特殊字符、综合案例
最新发布
m0_74343467的博客
12-28 974
环境搭建、HTML结构、认识HTML标签、HTML文件基本结构、标签层次结构、快速生成代码框架、HTML常见标签：注释标签，标题标签、换行标签 br、格式化标签、实现文本格式化：加粗，倾斜，删除线，下划线、图片标签img：src属性，目录结构和路径，其他属性、超链接标签、表格标签: 基本使用，合并单元格，列表标签、表单标签： ， （常见属性、输入控件类型）， ， ， 、无语义标签、Emmet快捷键、HTML特殊字符、综合案例
html基本结构，html标签语法，常用标签，常用字符实体，标签嵌套规则，注意事项
Lgw_zuiyouxiu的博客
07-11 378
1.html基本结构： <!doctype html> HTML的基本结构 这里书写的是网站的内容，包括文字，图片，视频等 2.html标签语法： 标签，标记，元素 常规标记 双标记 <标记名 属性=”属性值” 属性=”属性值”></标记> 写在< &g...
HTML基本语法
布白的博客
04-05 3510
HTML基本语法 HTML概念 Hypertext Markup Language：超文本标记语言。是用来制作网页的一种标记语言。 HTML是一种纯文本格式的文件，内部只能书写文字内容，不能添加图片、音频、视频等，但是在网页中给用户呈现的效果却包含了文字以外的内容，这种效果就是HTML语言区别于其他文件的不同之处。 概念： 超文本：是超级文本的缩写，简单来说超文本就是用于链接另一个文本或多媒体内容的文本，比如链接到图片、链接、音频、视频、程序等。 标记：又叫做标签（HTML tag），有特殊的书写规范，是
HTML语法规范
weixin_67432307的博客
03-03 1887
1. HTML 标签是由尖括号包围的关键词，例如<HTML> 2. HTML标签通常是成对出现的，例如<HTML>和</HTML>,我们称为双标签。标签对中的第一个标签是开始标签，第二个是结束标签。 3.有些特殊标签必须是单个标签（极少情况），例如<br />，我们称为单标签。 标签关系 双标签关系可以分为两类：包含关系和并列关系。 HTML 基本结构标签 每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。
HTML语法结构及规范
wangtao的博客
01-22 6045
HTML语法结构及规范1. 概念  Html是一种超文本标记语言;2.html注释 &lt;!--注释内容--&gt; 注释的作用：代码说明;3.语法结构    1.符号       尖括号&lt;&gt;;            所有的HTML语言都必须括在其中;    2.标签格式          双标签：成对出现&lt;标签名&gt;&lt;/标签名&gt; &lt;titile&gt;H...
HTML语法、常用结构、标签 初学者学习笔记
XXLoveSHT的博客
06-14 4521
第一节：HTML简介hmtl：超文本标记语言，主要说下：页面的元信息 meta ：三个作用1：显示字符集的设定2：设置刷新后，跳转到哪个界面3：向搜索引擎提供查询关键词：代码如下： &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" &gt;   #设置编码格式  &lt;meta http-equiv="...
HTML文件的整体结构
小菜鸟的博客
08-30 1657
HTML文件的整体结构 一个完整的HTML文件包括头部文件和主体文件。 1 文件头部内容 1.1 设置页面标题     设置网页的标题，现实在浏览器上。 1.2 设置基底网址     用于设定浏览器中文件的路径，标签一般用于设计文件的URL地址。一个HTML文件只能有一个标签，同时该标签必须放在头文件中。     标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器
JavaScript基础语法
07-11
熟悉js在html文件中的书写位置，认识变量是什么及命名规则规范，了解基本数据类型及其判断与转换，认识一些运算符
Code2HTML语法高亮
06-02
上述命令以python语言的语法规范来格式化转换后的HTML文档，同时为其加上都有指向自己的链接的行数。 code2html是一个功能比较强大的代码高亮转换工具，它的用法不止以上这么多。此外，它还可以当作CGI脚本在网站上...
swift-html-entities：兼容HTML5规范的Swift字符编码器
02-03
， > ， & ， " ， '字符，因为这五个字符是HTML标记和HTML属性语法的一部分。 另外， HTMLEntities可以对包含十进制，十六进制或HTML5命名字符引用的已编码HTML文本进行转义。API文档HTMLEntities API文档位于。...
Bootstrap HTML编码规范
12-13
Bootstrap HTML编码规范 code { font-family: “PT Mono”, Menlo, “Courier New”, monospace; padding: 2px 4px; font-size: 85%; color: #d44950; background-color: #f7f7f9; border-radius: .2rem; } ...
HTML语法结构及常用方法
zhangxinyi_的博客
11-21 500
HTML 超文本标记语言. 由W3C组织维护的一门标记语言. 一种用于描述网页的标记语言. 97年 推出 HTML4.0版本 99年 推出 HTML4.01版本 2014年10月 推出HTML5.0 语法格式: html文档 通常存储在.html文件 或 .htm文件中 标准的网页格式由三部分组成: 1. 文档声明: <!DOCTYPE html> <ht...
想知道HTML语法结构？看这一篇就够了（超全解析html语法）
海盗船长y的博客
05-24 2949
NTML文档结构 HTML文档由4个主要标记组成，包括<html>、<head>、<title>、<body>.这4个标记构成了HTML页面最基本的元素。 1.<html>标记 <html>标记是HTML文件的开头。 所有的HTML文件都以标记开头，以标记结束，即HTML页面的所有标记都要放置在与标记中。 标记虽然没有实质性的功能，但却是HTML必不可少的部分。 2.<head>标记 <head>标记是
初识html——html的语法和结构
橘子女侠
11-06 2067
初识html——html的语法和结构 1.html的基本语法 1.1 html语言： HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。表示网页信息的符号标记语言。 可以设置文本的格式，如标题，字号文本颜色，段落等。也可以创建列表，插入图像和媒体，建立表格，建立超链接，实现页面跳转。 1.2 html的标签和属性： 标签的语法格式：所有标签都是由一对尖括号...
HTML(一、语法规范，二、结构标签，三、开发工具，四、HTML常用标签，五、注释和特殊字符)
m0_46200493的博客
12-28 7704
文章目录前言一、html语法规范1. html基本语法规范2. 标签关系二、基本结构标签1. 第一个 HTML 网页2. 基本结构标签总结：三、开发工具1. vscode工具的创建工程的使用2.插件的安装：3. vscode 工具生成骨架标签新增代码1. doctype 标签2. lang 语言3. charset 字符集4. 总结 前言 注：这是在b站学习pink老师的视频所做的笔记，全文都是参考的pink老师，文章只做自己学习笔记用。 学习目标： 1.说出标签的书写规范 2.写出标签的html骨架..
HTML的基本标记语言及特点
weixin_50786692的博客
09-17 1325
一、标题标记 语法： n是为1-6的数字 例如：、 属性：align 控制标题的对齐方式的属性 值： “left” “center” “right” 分别为左对齐 居中对齐 右对齐 特点：标题都有加粗的效果 标题都有一定的行间距 标题有大小的变化 二、段落标记 语法：内容 特点：普通大小的字体 上下的行间距是有一定距离 属性：依然三种对齐方式 左中右 同上 三、标线标记 语法 特点：默认宽度为整个页面的宽度 默认灰色 2px的像素 属性：width height color 宽
border(元素边框详解）
热门推荐
小贾爱编程的博客
03-21 1万+
border的属性： width：粗细程度，一般都以px为单位，color：颜色，与文字的color属性一样，style：样式，solid（实线）、dashed（虚线）、dotted（点划线）、none（不显示）.....等等较为常用。border常用样式可以写在一起，例如：border：1px solid blue. padding表示“内容”与“边框”之间的间隙 形式：padding：p...
对学习HTML语法和文档结构的心得和以后要避免的错误
05-30
(course == NULL) { cout << "请先录入课程信息" << endl; teacher_menu(); return; 学习HTML语法和文档结构的关键是掌握HTML标签的用法和语义化。在编 } ofstream fout("data.txt"); fout << course->id << " " << course->name << endl; for (写HTML代码时，应该遵循一定的规范，包括正确使用标签，避免嵌套错误，使用vector<Student>::iterator it = course->students.begin(); it != course->students.end(); it++) { fout << it->id <<合适的属性等。 在学习HTML时，需要注意以下几点： 1. 学习HTML标签的语义化 " " << it->name << " " << it->score1 << " " << it->score2 << " " << it->total，理解每个标签的作用和使用场景，避免滥用无意义的标签。 2. 学_score << endl; } fout.close(); cout << "数据已保存" << endl; teacher_menu(); } 习HTML标签的嵌套规则，避免嵌套错误，导致文档解析出错。 3. 学习 // 读取数据 void load_data() { ifstream fin("data.txt"); if (!fin.is_open()) { HTML标签的属性用法，避免滥用属性，使用不必要的属性会增加文档的复杂度 cout << "无保存的数据" << endl; return; } string id, name; fin >> id >> name; course = new Course(id, name); while (!fin.eof()) { string student_id, student_name; int score。 4. 学习HTML文档的结构，理解文档的头部和主体部分的作用和实1, score2, total_score; fin >> student_id >> student_name >> score1 >> score2 >> total_score; if现方式。 以后要避免的错误包括： 1. 避免滥用无意义的标签，如使用div (!student_id.empty() && !student_name.empty()) { Student student(student_id, student_name); student.score1 = score1标签代替具有语义化的标签。 2. 避免嵌套错误，如将块级元素嵌套; student.score2 = score2; student.total_score = total_score; course->add_student(student); } } fin.close(); cout << "数据已加载" << endl; } private: Course* course; // 课程 在行内元素中，或将表格元素嵌套在列表元素中。 3. 避免滥用属性，}; int main() { ScoreSystem system; system.load_data(); system.select_identity(); return 0; } ``` 如使用不必要的属性或将属性写在不适当的标签中。 4. 避免忽略HTML文档这个程序实现了一个简单的单门课程成绩管理系统，包括教师和学生两个身的结构，如未正确编写文档头部信息或忽略主体部分的分块结构。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值