html文档的全局构架标签,HTML标签（一）

1、C/S结构：

client/server：客户机和服务器结构。

B/S结构：

brower/server：浏览器和服务器结构。

2、服务器访问原理

html文件的组成

html由html、css、js，浏览器是翻译官，它把html文件翻译成页面

html全称：hypertext markup language    超文本标记性语言

拓展：在Windows系统里，文件夹里的文件若不显示后缀，则：点击组织->文件夹和搜索选项->查看->去掉隐藏文件后缀名的复选框

注意：文件名不要有中文

文件存储格式：UTF-8无BOM格式

3、第一个标签

标签

学习标签

(1)主要记功能

(2)写法

对标签：内容标签名>

独立标签：

标签不区分大小写，一般为小写；

标签写的时候应该是英文半角；

标签可以嵌套；标签容错性好，一般不会出错。

4、全局架构标签

文档类型

根标签

里面是本网页的标题

  //告诉浏览器以制定编码显示html文件

SEO(search engine optimatization)通过大量堆积关键词，提高搜索排名

body(leftmargin,topmargin,bgcolor,background,text,link,alink,vlink)网页正文，要现实的内容都放在body下

leftmargin：左边距

topmargin：上边距

bgcolor：背景颜色

text：文字颜色

background：背景图片，会覆盖背景颜色

了解：

link：未点击时超链接颜色

alink：点击时超链接颜色

vlink：点击后超链接颜色

全局属性：class、id、name、style

书写格式：注意缩进

5、重要标签

html特性：

如果单词中间没有空格，不会换行

无论有多少个空格，换行都只显示一个空格

标题：

...

水平分割线：

---

(独立标签)

align：对齐方式       left、right、center

width：200  绝对值       50%百分比

段落：

分段：

换行：

不自动换行：

修饰：加粗：    

斜体：        

下划线：

中删除线：

上标：

下标：看圆圈的位置，在上面的上标

保持原来的格式：

块引用

字体：(face，size，color)

face  字体名称

size  字体大小   1---7

color字体颜色

实体引用：可以表示html特殊符号，以&开始，以；结束

 空格

注释：

1)方便他人阅读代码

2)方便调试

6、列表标签

有序表：

1. order list

start  开始的位置，必须是数字

type  显示的类型  ：1,a,A,i,I

无序表：

列表:

条目内容

7、图片标签

相对路径：

./当前目录(html文件所在目录)

../当前目录的上级目录

./images/当前目录下级目录

绝对路径

本地文件系统上午绝对路径

以html所在盘符为基准

/代表盘符根目录

站点的绝对路径(了解)

/代表网站根目录

网页的绝对路径

src、title、boder、width、height