(总结)HTML基础

静态页面：

有一个HTML页面文件保存在服务器上，浏览器要这个页面的时候服务器就把这个页面文件发送给来了

动态页面：

服务器上没有浏览者要看的页面，而是服务器动态生成的HTML页面发送给浏览器。

HTML页面结构

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

注释：所有内容都在<html></html>标签之内，；<head></haed>内放的是头部信息，是对页面的描述，不会直接显示在页面中，<head>内的<title>中设置的是页面的标题，<title>只能放在<head>中；<body>内是页面的主体，大部分显示内容都定义在这里

body标签的bgcolor属性可以设定网页的背景颜色：<body bgcolor="#006699">

HTML中的特殊字符：HTML中的<，>是有特殊含义的，空格不会被显示出来。常见的特殊字符：<(小于号)；>(大于号)； (空格)

标签：

<p> </p>创建段落。PS:<p>后面有比较大的空白

<br/>回车<br/>。PS:没有空白

<center></center> 居中显示

h标签代表不同大小的字体，<h1></h1>到<h6></h6>六个标签

<a></a>粗体

<img sre="a.jgp"/>图片连接

<table>表格；<tr>创建行；<td>创建单元格。属性border设为0隐藏表格线

<form>表单标签

<textarea>多行文本(也是表单元素)

<select>用来创建类似与winForm中的ComboBox或者ListBox

<input>是主要的表单元素，type的可选值：submit(提交按钮)；button(普通按钮)；checkbox(复选框)；file(文本选择框)；hidden(隐藏字段)；image(图片按钮)；password(密码框)；radio(单选按钮)；reset(重置按钮)；text(文本框)

<div>层：将内容放到层中，就以将这些内容当成一个整体进行处理。非常强大和常用。PS：会影响布局

<span>块：是把一段内容定义成一个整体进行操作，不影响布局，显示

超连接深入：

"/"表示网站根目录，"../"表示父目录，"../../"表示父目录的父目录。

CSS(层叠样式表)

用来美化页面用的，可以对页面元素进行更精细的设置，样式表主要描述元素的字体颜色，背景颜色，边框等。

CSS三种使用方式：元素内联；页面嵌入；外部引用

CSS计量单位：px(像素)、30%(百分比)、em(相对单位)等

color:文本颜色（前景颜色）

background-color:背景颜色

boder-style:边框风格

display:元素是否显示，可选值none(不显示)，block(显示为级元素)

cursor:鼠标在元素上显示的光标图案，

Li:不显示圆点

样式选择器

三种：标签选择器；class选择器；Id选择器

伪选择器

为标签不同状态设定不同的样式

补充：web前端 , HTML/CSS  ,