本文是初学者的HTML笔记，介绍了网页的基本构成、HTML的定义和作用、HTML标签的使用，包括标题、段落、水平线、换行和注释等常见标签，以及文档类型和页面语言的概念。旨在帮助读者建立HTML基础知识。
目录
学习内容：1、 认识web2、 初识HTML3、 HTML常用标签
前言
新手小白试写前端笔记，自用，做一个简单的记录。有不足的地方欢迎各位大佬留言评论~谢谢啦！
学习目标：
初识HTML骨架
学习内容：
1、 认识web
2、 初识HTML
3、 HTML常用标签
1.认识web
「网页」主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及Flash等。
「浏览器」是网页显示、运行的平台。
「浏览器内核」(排版引擎、解释引擎、渲染引擎) 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
2.初识HTML
什么是HTML？
- HTML（Hyper Text Markup Language）:超文本标记语言
- HTML不是一种编程语言，而是一种标记语言（markup language）
- 标记语言是一套标记标签（markup tag）
- HTML使用标记标签来描述网页
HTML标签
- HTML标签是由尖括号包围的关键词，比如<html>
- HTML标签通常是成对出现的，比如<b>和</b>
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
超文本含义：
- 因为它可以加入图片，声音，动画，多媒体等内容（超越文本限制）
- 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）
HTML骨架格式
<!--页面中最大标签 跟标签--！>
<html>
<！--头部标签--！>
<head>
<title>标题标签 </title>
<body>
<!--文档的主体--！>
</body>
</head>
</html>注意：
- HTML标签名，类名，标签属性和大部分属性值统一用小写
HTML元素标签分类
- 常规元素（双标签）
- 空元素（单标签）
常规元素（双标签）
<body>我是文字</body>
空元素（单标签）
<br>或<br />
HTML标签关系
- 嵌套关系父子级包含关系
- 并列关系兄弟级并列关系
注意：如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位。如果是并列关系，最好上下对齐。
文档类型<!DOCTYPE>
- 用来说明你用的XHTML或者HTML是什么版本。<!DOCTYPE html>告诉浏览器按照HTML5标准解析页面。
页面语言lang
lang指定该html标签内容所用的语言
<html lang="en">
en 定义语言为英语 zh-CN定义语言为中文
lang的作用
- 根据根据lang属性来设定不同语言的css样式，或者告诉搜索引擎做精确的识别
- 让语法检查程序做语言识别
- 帮助翻译工具做识别
- 帮助网页阅读程序做识别
3.HTML常用标签
常用标签：
排版标签（主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签）：
1.HTML标题标签(h1~h6)
注意：
-
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>2.HTML段落标签
HTML段落是通过<p>标签进行定义的，浏览器会自动地在段落前后添加空行
注意：<p>是块级
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>3.水平线标签<hr>
<hr>标签在HTML页面中创建水平线
<p>This is a paragraph</p>
<hr />
4.换行标签<br>
5.HTML注释
<!-- This is a comment -->6.文字样式
b和strong 文字以粗体显示
<b>粗体</b>
<strong>粗体</strong>i和em 文字以斜体显示
<i>斜体</i>
<em>斜体</em>s和del 文字以加删除线显示
<s>111</s>
<del>111</del>u和ins 文字以加下划线显示
<u>111</u>
<ins>121533</ins>
总结
本文简单的介绍了web和html骨架的集中简单的标签
140
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
