web 进阶1

1.标签分为单标签和双标签

基本文字标签（双标签）：

h1-h6：标题标签，h1最大，h6最小，主要是h1-h3

p：文本标签，独占一行，自动换行

span:文本标签，不会换行，没有特别的属性，比较单纯，适合用css实现特定的功能。

b/strong:文字加粗

i/em:文体倾斜

u/ins:下划线

功能标签（单标签）

<br>换行

<hr>分割线

2.创建项目文件夹

一般创建项目时会吧代码/素材放到专门的文件夹里保存，方便管理。

写前端项目时，一般需要三个文件

img-->图片文件夹

css-->样式文件夹

js-->脚本文件夹

网页的主页一般明明为index.html

3.绝对路径与相对路径

绝对路径：文件的完整路径，从盘符出发，一直到具体文件

相对路径：有参考位置的路径，默认为当前文件所在的路径

4.标签属性

什么是标签的属性：对标签信息的补充/描述-->颜色，大小，位置

<标签名 属性名=‘属性值’ 属性名=‘属性值’>

<万义贵 性别=‘男’ 爱好=‘敲代码’>

5.图片标签（img)

img-->图片标签，单标签，用来显示图片

<img= src="图片路径‘ alt="图片描述’ width='宽度‘ height='高度’>

src=图片路径.可以用绝对路径/相对路径/网络路径

alt=图片的描述

width,height=宽高

写路径时最好用相对路径

相对路径的常见情况

（1）代码和图片放在同一个文件夹-->src='图片名‘

（2）图片在当前文件的另一个文件夹里-->src='文件夹名/图片名’

（3）图片在上一层目录-->src='../图片名‘

<a href='要跳转的位置’>超链接的内容</a>

href-->要跳转的位置

a标签还有一个属性叫target(可以不用设置，浏览器默认）

target 的作用是设置打开方式

_self:当前页面跳转

_blank:新开一个页面打开

6.列表

前端的标签和python的列表不同

这里列表的作用是保存一些带有关联性的数据（分为有序列表，无序列表和自定义列表）

比如歌曲排行榜

  1.

 2.

 3.

这类就可以用有序列表定义

ul,li -->无序列表，ul是容器标签,li内容标签，保含关系

无序列表的默认样式是小黑点，嵌套无序列表是小白点

ol,li-->有序列表，ol是容器标签,li内容标签，保含关系

有序列表的默认样式是数字1开始，可以通过type修改样式

i--罗马数字

1--阿拉伯数字

a--小写字母

A--大写字母

dl,dt,dd-->自定义列表 dl是容器，dt是标题,dd内容

自定义列表主要作用是在双层菜单里，可以表示等级区别

内容都写在标签标签里