1 html的基础

1.1 网站的三要素

1.1.1  html

html==》结构===》w3c制定语法规则

1.1.2  css

css===》表现（样式）===》w3c制定语法规则

1.1.3 javascript

js===》行为===》ECMA制定语法规则

1.2  html的基础语法

1.2.1  概念

html叫做超文本标记语言，标记也叫做：标签、元素、盒子

1.2.2  什么是标签（元素）

只要长在尖括号<>中的都称为标签（元素）

1.2.3  语法分类

1.单标签（空标签）：<标签名字 属性.......>

2.双标签：<标签名字 属性。。。。>标签内容</标签名字>

1.2.4  标签的关系

1.父子==》嵌套关系

2.兄弟===》并列关系

1.2.5常见的标签

1.文章标题标签：h1-h6       特点：双标签，自带加粗，纵向排列，标题之间自带间距，h1字号最大，h6最小，h1具有唯一性（一个网页最好只使用一次）

2.段落标签：p     特点：双标签，纵向排列，段落与段落自带间距

3.文本修饰相关的标签

• 加粗：b和strong strong具有强调作用，有利于搜索引擎的搜索

• 倾斜：i和em em具有强调作用，有利于搜索引擎的搜索

• 下划线：u

• 删除线：s和del del具有强调作用，有利于搜索引擎的搜索

• 上标：sup 下标：sub

• font标签：可以给文本加颜色、字号、字体

• 共同特点：双标签，横向排列

4.hr标签：画一条水平线，就是一个单标签

5.列表标签

• 有序：ol+li==》几乎不用

• 无序:ul+li 使用场景：新闻条、导航栏、轮播图上的小点

• 自定义:dl+dt和dd 注意：dt和dd是并列关系，嵌套在dl里边 使用场景：图文混排 dt里边放图片，dd里面放解释性的文字，因为dd是对dt的解释说明

6.图片标签：img      特点：单标签，横向排列

• src属性：写图片的路径的

  • 同级关系：你正在操作的文件和你要找的目标文件在同一个目录。直接写对方名字即可。

  • 下级关系：你正在操作的文件和你要找的目标文件的文件夹在同一个目录，你需要进入文件夹才能找到文件。 进入文件夹：先写文件夹名称/ /就是进入文件夹的意思

  • 上级关系：就是需要退出当前目录 回退一级：../ 回退2级：../../ 写几遍../就是回退几级。

• alt属性：图片不显示的时候显示的提示文本

• title属性：鼠标悬停的提示文本

7.超链接标签：a 特点：双标签，横向排列，文字自带下划线和颜色

• 主要作用：实现网页跳转

• href属性：写你要跳转的地址的

  • 1.可以写真实网址

  • 2.还可以写自己创建 的html页面（自己创建的html文件就是一个网页）

  • 3.还能写图片路径

• target属性：规定网页的打开方式

  • _blank:在新窗口打开

  • _self:在当前窗口打开，是默认值

8.特殊符号

• 版权：©  &copy

• 商标：®  &reg

• 空格

  •  小  &nbsp

  • 大  &emsp

• 大于号：> &gt

• 小于号：<  &lt