【网站定义】

什么是网站？

网站就是由多个网页联系在一起构建出来的一个整体；

什么网页？

网页就是由文字，图片和超链接组成的html文档。

制作网页的技术是什么技术？制作网页的技术是web前端标准。

【web前端标准】

web前端标准又称之为web前端技术，它是由W3C组织发布以及维护的一套技术规范。

web前端标准的官方定义：

它不是一项技术，而是一系列技术，包括如下三项：

1、结构标准 --- html；

2、样式标准 --- css;

3、行为标准 --- javascript；

解释：行为可以理解为功能（动画）； 样式可以理解为装饰，美观；

【网页基本结构】

《认识html》

什么是html？

html超文本标记语言，（Hyper Text Markup Language）,它是写给浏览器看的一项语言，注意：不是编程语言。

html的作用？

html是负责网页的结构搭建，布局排版，对网页中信息进行控制；

《html标签语法》

html标签语言又称之为html标记语言，书写html标签需要遵循相关的语法：

1、html标签成对出现，并且区分首尾，尾标签加上关闭符号： /  斜杠；

2、html语言必须写在标签符号里面： < 大小于号，俗称为“尖括号”  >   ；

《网页的基本结构》

网页的基本结构由4对标签组成：

html --- 表示网页的整体；

head --- 表示网页的头部；这里面的内容都是给浏览器去看的；

body --- 表示网页的主体，这里面的内容都是给用户去看的；

title --- 表示网页的标题，需要写在head里面；

《标签关系》

在html中，所有的标签之间只有两种关系： 一种是并列关系，一种嵌套关系；

【开发工具】

《开发工具初始化设置》

dw初始化设置快捷键： ctrl+u

【html标签】

h1 --- 标题标签； 一共有6级，h1—h6

p --- 段落标签； 浏览器会将它内部的信息编译成一个段落；

《语义标签》

语义标签让不同的内容赋予了不同的语义；

《文字控制标签》

在文字控制中，修改需求最大的是：颜色，字号，字体，这三个需求都是通过一个标签进行控制：font 标签； 修改哪部分内容就用font标签选中，然后设置它的标签属性；

标签属性的基本结构:

k=”v”   例如：color=”red”

注意事项：标签属性采用键值对的基本结构；多个属性之间用空格隔开；

键值对翻译过来就是： 什么是什么的意思。

font标签的文字控制三属性：

color --- 颜色；（它的值可以是英文名称，也可以是拾色器获取的颜色值）

size --- 字号大小；1-7级,最大是7；

face --- 字体设置；

《水平分割线标签》

hr表示水平分割线，它是一个单标签；<hr />

标签属性：

size --- 粗细大小； 没有限制；

color --- 颜色

width --- 宽度；

align --- 水平对齐方式，它的值有三个：left center right 左中右 ；

注意事项：在html中，谁的属性给谁写，不能随便加！ 标题和段落是接受align属性的；

《body的属性》

bgcolor --- 设置背景颜色；

background --- 设置背景图片；

注意事项: 在web前端标准中，背景颜色永远是在背景图的下面；

《bui标签和空格换行》

b --- 给文字加粗标签

u --- 下划线；

i --- 斜体；

<br /> 表示换行标签； 快捷键： shift+enter(回车键)

表示空格的特殊字符:      快捷键： ctrl+shift+space(空格键)

【图片控制标签】

图片的控制是通过img标签；

标签属性：

src --- 指定图片的文件路径； （必备）

width --- 图片宽度；

height --- 图片高度；

border --- 边框；

title --- 设置鼠标移上图片显示的提示文本（图片的标题）；

alt -- 设置图片不能正常显示的替换文本；

设置图片等比例缩放的方式： 宽度或高度只修改其中一个，另外一个让计算机自动计算；

【列表标签】

《无序列表》

无序列表基本结构: ul>li

ul 表示无序列表的整体； li 表示列表项； ul的内部可以有无数个li;

修改列表的样式是通过type属性:

disc --- 小圆点（默认）

circle --- 小圆圈；

square --- 小矩形；

《有序列表》

有序列表的基本结构：

ol>li

ol表示列表整体，li表示列表项；

列表样式值: 1，a，A，i，I