HTML基础---(head,body,图片,超链接,表格)
互联网三大基石:
HTTP:超文本传输协议
URL:统一资源定位符
HTML:超温泵标记语言
head
网页标题标签:<title>题目</title>
编码格式标签:<meat charsret = "utf-8"/>
网页搜索优化标签:
<meta name="keywords" content="HTML,SXT,张老师,506"/><!--网页关键字-->
<meta name="description" content="本网页上是关于HTML的head 标签学习的,特别棒,6666."/><!--网页描述--> <meta name="author" content="张老师"/><!--网页作者-->
网页指定跳转标签:<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/><!--网页自动跳转-->
body
---文本标签
标题标签:<h1></h1>到<h6>(自动换行,块级标签)
属性: align: center left right
水平线标签:<hr>(默认居中)
属性:width="宽度" 设置水平线的宽度
size="高度" 设置水平线的高度
color="颜色" 设置水平线的颜色
段落标签:<p></p>(自动换行,块级元素。 段间距较大)
换行符:<br/>
空格符:
权重标签:
b:会将内容加黑显示
i:会将内容斜体显示
u:会将内容增加下划线
del:增加中划线
以上标签不会自动换行,并且可以嵌套使用.
注意:1 标签的属性是对标签的功能进一步的补充,可以由开发人员自由指定标签的属性值, 来达到想要的显示效果.
2 像素单位占据的是电脑屏幕的大小,百分比占据的是浏览器窗口的大小
---列表标签
无序列表ul li:该标签中书写列表内容,一个li标签代表列表中的一行数据 特点: 默认数据前有一个黑圆圈符号.
有序列表ol li:该标签中书写列表内容,一个li标签代表列表中的一行数据 特点:会自动的给列表进行顺序编码,格式从小到大并且是连续的.
属性:type:可以改变顺序编码的值,可以是1 a A I,,默认使用阿拉伯数字进行顺 序编码
自定义列表: dl dt:数据的标题 dd:数据的具体内容,一个dd表示一条数据.
图片
img标签
<img src="img2/2.jpg" height="200px" title="这是一个优美 的图片" alt="这是一个优美的图片"/>
src:图片路径。
height:图片高度。
width:图片宽度。
title:图片标题,鼠标放在图片上会显示。
alt:图片加载后的提示语
超链接
a标签
<a href="04-HTML-body标签(列表标签).html" target="_blank"><img src="img/3.gif" height="100px"/></a>
href:跳转的网页资源路径
target:指明要跳转的网页资源的显示位置 _self 在当前页中刷新显示,_blank 在新的标签页中显示,_top 在顶层页面中显示,_parent 在父级页面中显示
锚点
作用:在一张网页中进行资源跳转
使用:先使用超链接标签在指定的网页位置增加锚点.
格式为: <a name="锚点名" ></a> 使用a标签可以跳转指定的锚点,达到网页内部资源跳转的 目的,
格式: <a href="#锚点名" >访问方式</a>
表格
table:声明一个表格
tr:声明一行
th:声明一个单元格,表格头,默认居中加粗显示
td:声明一列
属性:border:给表格添加边框
width:设置表格的宽度
height:设置表格的高度
cellpadding:设置内容居边框的距离
cellspacing:设置边框的大小
行合并:在要合并的单元格中的第一个单元格上使用属性 rowspan="要合并的单元格的个数",并删除其他要合并的 单元格完成合并
列合并:在要合并的单元格中的任意一个上使用属性colspan=" 要合并的单元格的个数",并删除要合并的其他单元 格
-----------尚学堂笔记