（一）HTML简介
1.语言介绍
网页使用的建材都是HTML标签，然后用CSS进行装修。
HTML是网页内容的载体，内容不只有文字，所以叫超文本。
CSS（Cascading Style Sheets）即层叠样式表，负责网页元素的样式与布局。
HTML由标签组成，<xxx>，HTML标签主要分两类，两边封闭的以及自封闭的。
（1）两边封闭的标签如：<html></html> <head></head> <title></title> <div></div>等，都是成对出现的，其中第一个标签是开始标签（开放标签），第二个标签是结束标签（闭合标签）。
（2）自封闭的变迁如：<img> <meta> <input>等,都是单个出现的，并且刑如<xxx>。
标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<html>里嵌套<span>,那</span>必须放在</html>的前面。如：
<html><span>hello world</span></html>
2.HTML基本结构
“所有的房子都有一个相同的基本结构”
-
<html>
-
<head>...</head>
-
<body>主体</body>
-
</html>
其中，<html></html>是房子的地基，所有的建筑都要在地基上才能完成。
<head></head>是房子的头标签，它包含一些关于网页的信息。
在<body>和</body>标签之间的内容都是网页的主要内容，如果<h1>、<p>、<a>、<img>等网页内容标签，
<head>和</head>中间的部分包含了关于网页的各种属性和信息，通常这些信息是呈现给浏览器的，用户无法看到其内容。比如<link>标签定义了当前网页文件与外部资源的关系；<meta>可以用来定义网页使用的编码类型，还可以用来记录一些信息。例如：小明施工队偷偷在客户家的<head></head>标签里写下如下（类似“XX到此一游”）。
<meta name="author" content="小明出品">
<head></head>下的<title></title>中的内容，会被浏览器显示在窗口的标题栏上。<body></body>是网页内容的主题，它包含文档中诸如文本、超链接、图像、表格和列表等内容。
【常用标签描述】
| 标签 | 描述 |
封闭类别 |
| html | 定义HTML文档 | 两边封闭 |
| head | 定义关于文档的信息 | 两边封闭 |
| meta | 定义关于HTML文档的元信息，比如作者、关键字等 | 自封闭 |
| title | 定义文档的标题 | 两边封闭 |
| link | 定义文档与外部资源你的关系 | 自封闭 |
| script | 定义客户端脚本，比如JavaScript | 两边封闭 |
| style | 定义文档的格式信息 | 两边封闭 |
| body | 定义文档的主题 | 两边封闭 |
| div | 定义文档中的节，一般用作存放元素的内容 | 两边封闭 |
| p | 定义段落 | 两边封闭 |
| a | 定义锚，可对其添加href属性，形成跳转链接 | 两边封闭 |
| img | 定义图像 | 自封闭 |
| table | 定义表格 | 两边封闭 |
| form | 定义供用户输入的HTML表单 | 两边封闭 |
| br | 定义简单的折行 | 自封闭 |
大多数标签是有属性的，写法如<input id="1" value="1">或<a href="xxx"></a>,即属性名=属性值的形式。
【标签的常用属性描述】
3.标签基础
4.标签第一弹
<p>hello world</p>
<p></p>定义了一个段落。
5.初识CSS
CSS（层叠样式表）是用来表现HTML文件样式的计算机语言，就像网页的外衣。比如标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为CSS。
6.CSS改变样式
<p></p>标签中的字体变为红色（默认是黑色的）。
-
<style>p{color:red;}
-
</style>
-
<p>hello world</p>
文章来源: andyguo.blog.csdn.net，作者：山顶夕景，版权归原作者所有，如需转载，请联系作者。
原文链接：andyguo.blog.csdn.net/article/details/104265942
- 点赞
- 收藏
- 关注作者
评论（0）