自学html简单总结(一)
1.html的三大模块:
html、头部、身体
2.一个元素的构成
3.html元素的三大分类:
(1)顶级元素:html, body, frameset
(2)块级元素:
<div></div>每一个div占据一行,
<h1~h6></h1~h6>指的是标题 <p>显示出这里写的段落</p>
等等。。。。
(3)内联元素:
<a></a>超链接
<img src="http://www.baidu.com/car.jpg">插入图片
4.各种链接的使用方法:(超链接通俗的来说就是可以点击的一个块,点击了会发生跳转或执行一些行为)
(1).<a></a>
:超链接
href 定义连接的目标URI(统一资源标识符)
绝对路径:http://www.baidu.com
相对路径:Jeff.html
邮件地址:wmxvn@hotmail.com
空连接 :javascript:void(0);
target 定义连接的目标窗口
title 定义连接的提示信息
type 连接到任何类型的文件以供下载
例如:报名表
(2).<link........>
:HTML文档链接(只能出现在head标签下),拥有的属性如下:
href:定义关系链接地址
rel: 定义当前文档与所连接文档之间的关系。
type: 文档类型
(3).<base........>:
基准链接地址,设置页面中所有文档相对路径相对的基准URI。如果设定了基准链接地址,当前页面中的所有相对路径都基于该路径
<base href="http://localhost:8888/test/">
注:1.锚点:在按下href后面引用的#链接的字块时会跳回到锚点的声明位置
<h2 id="section1">1,什么是万维网</h2>…
<a href="#section1">查看第一部分内容</a> 在点击了“查看第一部分内容”时会自动回退到声明section1的位置2.一些属性名词: alt : 当图片文件找不到的时候显示的文本信息(例如:) align :图片和文字的对齐
5.表格 table
-
1)table
定义表格
属性:
border: 设置表格边框线条宽度
align: 表格在页面中对齐
width: 设置表格宽度
bgcolor:表格背景色
cellspacing: 单元格之间的间距
cellpadding: 单元格边沿与其内容之间的距离
frame: 表格中边框线的显示
void 不显示边框
above 上边框
below 下边框
hsides 上下边框
vsides 左右边框
lhs 左边框
rhs 右边框
box 四个边框
border 四个边框
rules: 表格中分割线的显示
none 无分割线显示
groups 仅在列分组间和行分组间显示分割线
rows 仅在行间显示分割线
cols 仅在列间显示分割线
all 在所有行列间显示分割线 -
2)tr
定义表格行 -
3)th/td
th 定义单元格
td 定义内容单元格
属性:
colspan 跨列(合并列)
rowspan 跨行(合并行)
align 单元格内容水平对齐
left,center,right, justify 两端对齐
valign 单元格内容垂直对齐
top,middle,bottom, baseline 基准
对齐的继承
1)内容自身的设置具有最高优先级
2)th,td元素的对齐设置
3)tr,thead,tfoot,tbody元素的对齐设置
4)table元素的对齐设置具有全局性
5)默认的设置 -
4)caption: 表格的标题
-
5)表格的分组显示
thead 表格头
tbody 表格主体
tfoot 表格尾
- 点赞 1
- 收藏
- 分享
- 文章举报
- HTML特殊字符编码对照表
- HTML的入门及一些常用标签与其属性
- 基于html的地理定位
- HTML中如何调整标签在页面中显示的位置
- 解析html之lxml包,提取html的数据
- html 超链接之锚点
- HTML颜色表
- 关于HTML的学习
- HTML
- postman命令执行,报错newman: could not find "html" reporter
- HTML
- Html添加百度地图
- 爬虫之爬取百度贴吧html页面
- WordPress页面链接添加.html后缀方法
- HTML基础
- HTML(1)——基本语法和结构
- 2019.9.19HTML基础
- html中标签使用区别
- HTML学习心得
- html 中一些不常见的标签