web前端基础
程序分为两种：
B/S 程序：浏览器/服务器 程序
此种程序只能运行在浏览器上，比如各种网页
web保存在服务器端，运行在浏览器的一种网页文件，以.html或.htm为后缀名的文件。
编写web网页所用的语言，是HTML语言。
HTML（Hyper Text Murkup Language）
超级 文本 标记 语言
HTML的基本语法：
- 标记语法：
标记，又称为元素或者叫标签，在网页中表示一些功能。
浏览器会自动屏蔽标签，而把内容留下。
标记在使用时，必须使用<>括起来，有开始和结束。
标记在使用时，分为两大类：
- 封闭类标记，又叫双标记
语法：<标记> </标记>
- 非封闭类标记，又叫单标记
语法：<标记> 或者 <标记/>
常用的双标记：
<html>
</html>
<head> </head>
<body> </body>
单标记：
<meta>
标记的嵌套
标记是可以嵌套的，
语法：
<标记>
<标记></标记>
</标记>
网页的结构：
<!doctype html> :使用的HTML版本为最新版本
<html> :表示网站的开始
<head></head> ：网页的头部信息
<body></body> ：网页的身体，所有网页中要显示的内容，都要写在body标签里。
</html>
网页头部里的信息：<head></head>
<title> 我的第一个网站 </title>
<meta charset=”utf - 8”> 设置网页的编码格式
常用的双标签：
<p></p>表示一个段落
<b>加粗</b>:
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
练习：
这是一段，有加粗，有斜体，有<u>下划线</u>，有删除线，有下标，有上标的文字。
标题标签：
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
单标签
分割线，表示一条线
换行
特殊字符：
表示一个空格
< 表示 <
>表示 >
© 版权©
¥ 人民币符号 ¥
代码的注释：
对代码进行解释备注，只让程序员自己看，浏览器会自动屏蔽。
格式：
属性和值：
允许通过属性对标签进行修饰
属性写在开始标签中，多个属性之间用空格隔开。
语法：
<标签 属性=”属性值”> </标签>
hr标签的专属属性
width:设置横线的宽度
取值是px或者%
size:设置横线的高度
取值是px或者%
color:设置横线的颜色
取值是颜色对应的英文
align:设置横线的对齐方式
取值：
left：居左对其
center：居中对齐（默认值）
right:居右对齐
比如：
<hr width=”100px” size=”10px” color=”red”>
通用属性：大部分标签都通用的属性：
align: 设置标签内容的对其方式
<h1>~<h6>、<p></p>
行内元素和块区元素
行内元素：可以和其他元素在一行显示
比如：<b>、<i>、<u>、<s>、、
块区元素：自己独占一行
比如：<p>、<h1>~<h6>、
div 一般对多个元素进行统一管理，进行统一设置。
<div> </div>
用法：以后要想对多个标签进行统一管理，可以放在div中
<div>
<p></p>
<h1></h1>
</div>
预格式化标签：
<pre> </pre>:能保留代码中的空格和换行，不常用
