html:hyper text markup language(超文本标记语言)
web三大基石之一:html,http,url
html,用于页面的规范化展示,超文本含义:不仅仅是文本,还包含其他的样式。标记语言:可以理解为一种标签语言,以成对的标签,开始标签和结束标签成对出现,结束标签中包含/,丢失结束标签可能会出现一定的问题。
最简单的结构:
<!DOCTYPE html>:用于标记样式,属于html
<html>:最外层标签
<head>:头部
<meta charset="UTF-8">:utf-8
<title></title>:标题
</head>
<body>:身体
</body>
</html>
标签的介绍:
1.<head>
<title>:标题,用于展示网页具体的名称
<meta charset="utf-8">:文本格式
<meta http-equiv="refresh" content="3;URL=res.html">三秒跳转到固定的页面
<meta name="keywords" content="baidu">关键字
<meta name="description" content="author">网页介绍
2.<body>
块级元素:
<h1>---<h6>字体加黑加粗,常用的属性align:标题的位置center,light,left
<p>段落,自动换行
<br>换行标签
<hr>好人标签,下划线,属性:align,width,size,color
小标签:
<b> 加粗 <i> 斜体 <sub> 下角标<sup> 上角标 <strong> 大 <small> 小 <em> 斜体 <u> 下划线<del> 删除
<span> 没属性,但是有各种的样式
列表标签:很重要
<ui>
<li>
</li>
</ui>
图片标签:<img>
用于引进图片,有相对位置还有绝对位置,网络位置
src:图片的位置
width,heigth宽度和高度,可以用px表示,还可以用%号表示,%表示占整个页面的百分比,当页面 的大小变化时,图片在相应的维度也会发生变化。
alt:中内容当图片无法正常显示时,进行展示
title:当鼠标悬浮到图片上时,进行展示的信息
音频b标签:embed 用的较小
a标签:超链接
anchor:锚
属性:href:本地资源还有网络资源,注意a标签的开始和结束之间必然要填充内容,不然不起作用。
target:控制跳转,_blank:空白页_self:自己_parent:父类_top:顶级父类
a标签的锚点功能,常用于网页信息多的情况,回到顶部和回到底部,<a href="#top" name="bottom">回到顶部</a>