内容提炼
表格表头写法
<table border=”1″ align=”center” cellpadding=”0″ cellspacing=”0″>
表格 跨行 rowspan 跨列 colspan
图片替代文本与悬停文本
a标签跳转打开新页面
< a href=’https://juejin.cn/post/要跳转的地址’ target=’_self 或者 _blank’>要被标记为链接的内容
_self是在当前标签页打开新页面
_blank是在新的标签页打开新页面
2.表格
常用属性
border-collapse:collapse; 实现表格细边框 【如果要是真正意义上的细边框,必须配合td的边框一起使用】
table-layout:fixed; 单元格按格子均分表格的宽度 【注意:表格必须有设置宽度才行】
1.命名规范
命名应该由数字、字母、下划线组成,不能以数字开头
最好名字应该是对应内容的英文
推荐使用驼峰命名
2.HTML入门
html文件:以.html为后缀的文件
html:超文本标记语言
超文本:除去文本之外还可以有图片、音频、视频、超链接等
标记:是一种标记符号,形如
1.html文件的基本结构
<!DOCTYPE html> 声明文档类型是html
<html> 标记文件开始
<head> 头部
<meta charset='utf-8'> 语言-编码格式
<title></title> 网页标题
</head>
<body> 身体-网页内容
</body>
</html> 标记文件结束
2.语法
<元素 属性='属性值' 属性='属性值'>内容</元素>
复制代码
3.html常用标签
1.标题 hn [n代表1-6的数字]
标题
2.段落 p
3.水平线 hr
4.换行 br
5.文字标签
1.加粗 b strong
<b>要加粗的内容</b>
<strong>要加粗的内容</strong>
2.倾斜 i em
<i>内容</i>
<em>内容</em>
3.变大 big
<big></big>
4.变小 small
<small></small>
5.上标 sup
<sup>上标内容</sup>
6.下标 sub
<sub>下标内容</sub>
6.特殊符号
&符号名;
大空格  
版权 ©
商标 ®
7.列表标签
1.有序列表
<ol>
<li>列表项</li>
</ol>
2.无序列表
<ul>
<li>列表项</li>
</ul>
3.定义列表(了解)
<dl>
<dt>名词、专业术语</dt>
<dd>对名词或者专业术语的解释说明</dd>
</dl>
8.图片
<img src='https://juejin.cn/post/图片的路径' alt='替代文本' width='宽度' height='高度' title='悬停的提示文本'>
9.路径
1.绝对路径:从协议或者盘符开始的路径。
2.相对路径:从当前位置出发,得到的路径。
同级 直呼其名
下级 /谁
上级 ../
10.超链接
<a href='https://juejin.cn/post/要跳转的地址' target='_self 或者 _blank'>要被标记为链接的内容</a>
_self是在当前标签页打开新页面
_blank是在新的标签页打开新页面
复制代码
- div标签 块标签:主要用于后期布局实现样式的标签,本身没有任何特殊效果
© 版权声明文章版权归作者所有,未经允许请勿转载。THE END
喜欢就支持一下吧
相关推荐