html-css3-day02

day02
老师所讲内容
HTML标签
列表
有序列表 ol
li 项
无序列表
li 项
自定义列表
dt 标题
dd 内容
超链接
a标签
href属性
锚点:id值
外部链接:url
相对路径:./ .//
target属性
以新窗口打开 blank
图片
img标签
src属性
path
相对路径 绝对路径
url
网络上的url地址
alt属性
src属性替补,当src的路径有问题的情况下,该属性的内容会显示
width属性
宽度 px
height属性
高度 px

1列表
(1)尽量一行一个标签
(2)在ol后面加reversed可倒序,在reversed后面加strat=“5"表示开始的序号为5,后面加type=”
"定义项目的符号,可以将有序列表变成无序列表,circle表示空圆圈,disc表示实圆圈
(3)ul,ol,dd,dt前面都有40个小空格
小知识
li*4加tab键会出现四个< li>< /li>
tr3>td4加tab键会出现一个三行四列
跳转到下一行是用ctrl加回车键
html全称是HyperText Markup Language
ul是标签选择器 #是id值,.是class值
2超链接
(1)取值
1 目标元素id的值,,,是用锚点跳转 href=“#目标元素的id值”
2 url:相对路径,绝对路径
相对路径 .代表当前目录(当前文件所属的文件夹)
./可以省略
…代表上级目录(当前文件所属文件夹的父文件夹)
…/不可以省略
(**./**当前文件的外目录,,…/是代表上一个目录)
3 email< a href=“mailto:____“下划线中写的是收件人的邮箱>
小知识
< br>空一行 br*30产生滚动条
< hr>分割线
< !-- target=”_blank"新窗口打开超链接 -->
< !-- target=”_self"当前窗口打开超链接,默认的 -->
3表格
表格属性
(1)align 对齐方式,,是对齐的单元格,不是所写的内容,若想对齐所写内容,要在那一行写align
(2)border 边框
(3)cellpadding 内容与单元格之间的距离
(4)cellspacing 单元格与单元格之间的距离
(5)width 宽度
(6)bgcolor表格背景颜色
(7)colgroup列组,用col
比如四列,想让两两颜色不同,用colgroup,但col是有范围的,比如字体颜色是设置不了的
4合并
colspan 合并列
rowspan 合并行
width 宽度
5新增标签
< header>放置头部信息
< nav>放置导航信息
< aside>侧边栏,广告
< footer>尾部信息
< address>地址,联系信息
< article>文章
< section>独立区域内容

发布了24 篇原创文章 · 获赞 1 · 访问量 427

猜你喜欢

转载自blog.csdn.net/hanmiao12345/article/details/104500908