HTML 学习笔记1
初探HTML
学校开始教JSP,但是 Web 基础省略不教,打算用两周的时间把 HTML 和 CSS 自学一下,想着不如同时记录和分享一些笔记和心得供以后复习和参考。
1-1 基本语法
-
标签由英文尖括号
<
和>
括起来,如<html>
就是一个标签。 -
html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个
/
。 -
标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。
-
html 标签不区分大小写,
<h1>
和<H1>
是一样的,但建议小写,因为大部分程序员都以小写为准。
1-2 html的文档结构
html文档结构为下图:
-
<!DOCTYPE html> 是文档类型声明,表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前
-
<html></html>标签对:标签位于HTML文档的最前面,用来标识HTML文档的开始;标签位于HTML文档的最后面,用来标识HTML 文档的结束;这两个标签对成对存在,中间的部分是文档的头部和主题。
-
<head></head>标签对:标签包含有关HTML文档的信息,可以包含一些辅助性标签。如<title></title>,<link /><meta />,<style></style>,<script></script>等,但是浏览器除了会在标题栏显示<title>元素的内容外,不会向用户显示head元素内的其他任何内容。
-
<body></body>标签对:它是HTML文档的主体部分,在此标签中可以包含<p><h1><br>等众多标签,<body>标签出现在</head>标签之后,且必须在闭标签</html>之前闭合。
head标签
head
部分可以含有这些标签:
-
head
标签表示头部标签,通常用来嵌套meta
、title
、style
等标签。 -
<title>
标签:在和 标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中,每个网页都应该有一个独一无二的 title。 -
<meta charset="UTF-8">
设置当前文件字符编码。 -
style
标签:双标签中设置当前文件样式。
注释语法:
<!–注释文字 -->