HTML_1——元素、标签、关键字

1、引言

暑假开始学习web前端技术，按照学习路线要先学习CSS&HTML

然后我在b站上找到了小甲鱼的视频《零基础入门学习Web开发》（HTML5&CSS3）用作学习

因为他的整体风格就是讲解+演示，比较符合我的胃口，我就照着这个视频学习下去了

之后每次学完也会做相应的一个学习笔记，用作复习总结回顾

---

什么是HTML？

HTML：超文本标记语言（Hyper Text Markup Language）

---

2、元素、标签、关键字

例

Demo1：hello world！

 
 
	
		<title>第一个程序</title>
	
	
		<h1>Hello world</h1>
		<p>I love Coding!</p>
	

开始标签&结束标签 结束标签前面多了一个斜杠

开始标签和结束标签之间出现的所有代码称之为html元素

• 例如HTML之间的元素：
  • 

标签中的关键字称为元素的名称

• ​ html元素、p元素

标签中的文本称为元素的内容

• p元素的内容

  

3、样例

Demo1：hello world！

 
 
	
		<title>第一个程序</title>
	
	
		<h1>Hello world</h1>
		<p>I love Coding!</p>
	

第一行的 作为一个doctype声明，声明该文档是由html写的，编译器的作用是帮助编译器去解析代码

用title去指定网页的标题

用body元素里的文本指定网页显示的内容

像h1指定标题字体的大小

p代表一个段落

4、常用的元素

body 标记常用的属性

元素	作用
text	设定页面文字的颜色
bgcolor	设计页面背景的颜色
background	设计页面背景图像
bgproperties	设定页面背景图像为固定，不随页面的滚动而滚动
link	设定页面默认的链接颜色
alink	设定鼠标正在单击时的链接颜色
vlink	设定访问后连接文字的颜色
topmargin	设定页面的上边距
bottommargin	设定页面的下边距
leftmargin	设定页面的左边距
rightmargin	设定页面的右边距

还有 4 个通用属性，不仅能够在标签中使用，在任何 HTML 的标签中都可以使用。但这 4 个属性通常只有结合 CSS 和 JavaScript 时才会使用。

元素	作用
id	设定标签的值
name	设定标签的名称
class	设定标签样式的类型选择器
style	设定标签样式属性

5、格式标签

5.1常见的 HTML 格式标签

标签	作用
br	换行标签，完成文字的紧凑显示，如果有多行，可以连续使用多个标记
p	换段落标签，即换行之后插入一个空行，然后在下一行显示其后的文本。
center	居中对齐标签，使段落或文字相对于上一层标记居中对齐。
pre	预格式化标记，保留文字在源代码中的格式，页面中显示的和源代码中书写的格式效果完全一致。
hr	水平分割线标签，用于段落与段落之间的分隔

5.2 文本标签

在网页中，为了强调某一部分文字，或者为了让文字有变化，HTML 提供了一些标签产生这些效果。常见的文本风格标签如下

元素	作用
hn	标题字标记，n 为 1~6, 定义了 6 级标题会自动换行插入空行
b	粗体字标签（与 strong 用法相似）
i	斜体字标签（与 em 用法相似）
u	下划线字体标签
sub	文字下表字体标签
sup	文字上表字体标签
font	字体标记，可以通过该标记指定字体大小、颜色、字体等信息
tt	打字机文本
cite	用于引证、举例、通常用斜体字
em	表示强调，通常为斜体字
strong	表示强调，通常为粗体字
small	小型字体标签
big	大型字体标签

6、HTML 文本注释

以 <!--–开始 以 ---> 结束注释。注释只出现在源代码中，而不会在浏览器中显示。但注释中不要再包含注释。

7、参考

林夕林@博主的HTML基本语法格式（元素、标签）