从0开始学web-day2
复习：
1. 属性分类（img标签为例）
必有属性：src alt
可选属性：width height
全局属性：class id style title
事件属性：onclick
src图片路径
alt替换文字 当图片发生错误时显示的内容
2. 路径
相对路径 绝对路径
绝对路径（不常用）
相对路径（常用）
<!-- 相对路径 当前目录与目标文件在同一文件夹下 直接写 目标文件名+拓展名--><img src="./pic1.png" alt=""><img src="pic1.png" alt=""><!-- 相对路径 当前目录 当前文件与目标文件所在文件在同一目录下 写目标文件夹名称/文件名+拓展名 --><img src="./img/cc.png"><img src="img/cc.png"><!-- 相对路径 当前文件所在文件夹与目标文件在同一文件夹下 写../文件名+拓展名 ../上级目录 --><img src="../wai.png"><!-- 绝对路径 --><img src="D:\text\正课day02\代码\pic1.png" alt="">
3. alt与title的区别
相同点：都是img的属性，都有利于seo
不同点：alt是当图片发生错误时显示的替换文本，title是鼠标悬停时显示的提示信息；alt侧重于seo title侧重于用户体验
4. 文章类标签
文章的标题标签 h1-h6标题h1最大 h6最小 默认是加粗的 独占一行 h1在一个页面中只出现一次段落标签p段落与段落之间会空一行文字的距高空白折叠：标签对于空格回车换行缩进不敏感（输入多个空格只显示一个空格）特殊字符：空格  ；（英文） &emsp；（中文）版权图标：©； 注册商标：®；向下小三角 &or；小于号：<；大于号：>；特殊字符不是标签修饰标签：水平线 hr强制换行 br加粗 b strong倾斜 i em下划线 u ins删除线 s del上角标 sup下角标 sub
5. 超链接
属性href超链接的链接地址target超链接的打开方式 _self 当前窗口 _blank新窗口 _top跳出框架集在当前窗口打开download 下载<!-- 空链接 蓝色文字加下划线 点击之后变成紫色 --><a href="#">超链接</a><!-- 具体网址需要添加协议 --><a href="http://www.baidu.com">百度</a><!-- 本地文件 路径写对 --><a href="./01属性分类.html"></a><!-- 使用图片做链接 --><a href="http://www.baidu.com"><img src=""></a><!-- 框架集标签 在一个页面中加载另一个页面--><iframe src="./02路径.html" name="mudi"></iframe>
6. 列表标签
列表标签：无序列表 有序列表 自定义列表
无序列表：ul li
通过type更改列表符号 实心圆disc默认 空心圆circle 实心方块square 没有none
有序列表：ol li
通过type更改列表符号 默认阿拉伯数字1 a A I i
start=“数字” 列表符号的开始位置
reversed列表符号的顺序 倒序
注意：有序列表的type值只能给有序列表使用，无序列表的值只能无序列表使用 li可以使用所有的type值
自定义列表：dl dt dd
7. 表格标签
表格 table tr行 td列
table的相关属性
边框 border
内容和边框之间的距离 cellpadding
单元格与单元格之间的间距cellspacing
宽度 width
高度 height
注意：如果内容多少相同，或者没有内容，宽度、高度默认平分 如果不同，通过内容撑开
表格的水平对齐方式：align=“left默认 center居中 right居右”
背景颜色 bgcolor
边框颜色 bordercolor
8. 表格tr属性
tr属性
高度height
行的背景颜色 bgcolor
这一行内容的水平对齐方式 align（left center right）
这一行内容的垂直对齐方式 valign=“top middle(默认) bottom”
9. 表格td属性
td相关属性
宽度width
高度heigth
背景bgcolor
这个单元格内容的水平对齐方式align（left center right）
这个单元格内容的垂直对齐方式valign（top middle bottom）
行合并 rowspan 行不同行合并 合并之后一定要记得删除（删除的是不同的tr里的td）
列合并 colspan 列不同列合并 合并之后一定要记得删除(删除的是同一个tr里的td)
从0开始学web-day2相关推荐
- 【从0开始学web】89-150 php特性
[从0开始学web]89-150 php特性 [从0开始学web]89-150 php特性 前言 web89 web90 web91 web92 web93 web94 web95 web96 web ...
- 2021-10-14【从0开始学web】279-300 java
[从0开始学web]279-300 java [从0开始学web]279-300 java web279 web278-297 279-297题都是struts2框架漏洞 Struts2是用Java语 ...
- 提升之路--从0开始学web自动化(7)--ui自动化框架搭建PO模式
ui自动化测试在整个测试过程中占据的地位 在一个项目的测试中手工测试(60%)/自动化测试(40%),不同公司的定义不同.总体是手工占大部分 而自动化测试中,接口自动化占据70% ui自动化测试优先实 ...
- 【从0到1学Web前端】javascript中的ajax对象（一）
[从0到1学Web前端]javascript中的ajax对象(一) 如今最流行的获取后端的(浏览器从server)数据的方式就是通过Ajax了吧.今天就来具体的来学习下这个知识吧.假设使用ajax来訪 ...
- 0基础转行IT行业学web前端好吗?
0基础转行IT行业学web前端好吗?目前互联网行业迅速发展,IT已经成为现在的一个非常热门的一个行业,许许多多的人都想要往IT方面发展,找IT方面相关的一个工作. 很多想要接触IT行业的初学者伤透了脑 ...
- 菜鸟学WEB开发 ASP.NET 5.0 1.0
菜鸟学WEB开发 ASP.NET 5.0 1.0 在学习之初我要强调一点"微软要向跨平台开发"大举进军了,不管他能走多远,这是微软的必经之路. 一.学习流程: 创建ASP.NET ...
- 0基础学怎么学习python
Python相对于其他编程语言来说是比较简单的,非常适合零基础的小白学习,想要进入到互联网行业,可以优先选择学习Python,那么下面小编就来为大家详细的介绍一下0基础学怎么学习python? ...
- html语言难不难学,Web前端开发难学吗?
Web前端开发难学吗? 更新时间:2019年02月22日16时54分 来源:传智播客web前端培训 浏览次数: 关于Web前端开发难学吗?学Web前端都需要学习哪些内容?很多想要转行学习Web的同学还 ...
- 0基础学python难吗-0基础学武汉Python开发课程有多难？该怎么入门？
Python语言可谓十分强大,正如它的两个外号所称,一个是"内置电池",另一个是"胶水语言".开源社区和独立开发者长期为Python贡献了丰富大量的第三方库,其 ...
- 0基础学python-0基础学python 全套教程送你参考
我0基础学Python可以吗? 我赞成把Python作为入门语言: 为什么选择python Python可以说是编程语言中罕见的既简单又强大的一门语言,python语言简洁,语言优雅,功能强大,使用p ...
最新文章
- Android 让EditText不可编辑
- ZeroClipboard跨浏览器复制粘贴
- 蓝桥杯历届试题 剪格子 （DFS）
- 搭建Maven私有仓库
- C++ stringstream介绍，使用方法与例子
- uoj#119. 【UR #8】决战圆锥曲线（线段树+复杂度分析）
- 用 C# 来守护 Python 进程
- The Castle（信息学奥赛一本通-T1250）
- 从excel到python数据分析进阶指南_从Excel到Python数据分析进阶指南
- java 端口_java – 如何找到可用的端口？
- Nacos教程_2 讲解
- 精通JavaScript系列目录
- 茆诗松概率论与数理统计持续更新中...
- chrome 代理设置
- 阿里用回mysql_回mysql事务
- 【性能】【内存】swap解读
- Tkinter登陆界面设计
- 如何注册一个顶级域名？需要注意哪些事项？
- 图片裁剪_如何裁剪某张图片的某一部分
- 树莓派4B使用MJPG-Streamer