这是我参与「第四届青训营 」笔记创作活动的的第1天 # 笔记创作活动
HTML简介
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。
HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。
HTML基本语法
<!doctype html> <!-- 文档声明(doctype)-->
<thml>
<head>
<!-- mata标签用来设置网页的元数据 -->
<!-- 可以通过meta标签来设置网页的字符集,避免乱码问题-->
<meta charset="utf-8">
<!-- title中的内容会显示在浏览器的标题栏,搜素引擎会主要根据title中的内容来判断网页的主要内容-->
<title>我在这呢</title>
</head>
<body>
<!--HTML的注释,注释不能嵌套-->
<!--属性,在标签中(开始标签或自结束标签)还可以设置属性
属性是一个名值对(x=y) 属性用来设置标签中的内容如何显示
属性和标签名或者其他属性应该使用空格隔开
属性不能瞎写,应该根据文档的规定来编写,有些属性有属性值,有些没有,如果有属性值,应该使用引号引起来-->
<!-- h1是网页的一级标题-->
<h1>这是我的<font color="red" size="1">第一个</font>网页!</h1>
<h2> </h2>
<p> </p>
<img> <!--自结束标签-->
<input> <!--自结束标签-->
</body>
</thml>
在网页编写的多个空格默认情况会自动被浏览器解析为一个空格
在HTML中有些时候,不能直接书写一些特殊的符号,
比如:多个连续的空格、字母两侧的大于号和小于号
如果需要在网页中书写这些特殊符号,则需要使用HTML中的实体(转义符号)
&实体的名字:
空格
> 大于号
< 小于号
© 版权符号
在网页中HTML专门用来负责网页的结构,所以在使用HTML标签时,应该关注的是标签的语义,而不是它的样式。