1219作业

html常用标签

标签名	作用
body	所有的布局标签都应该放在该容器内
div	区块: 也叫通用容器,本身无任何语义，独占一行，可设置宽高
span	没有固定宽高，设置宽高无语
header	语义化标签，通常用作布局顶部
nav	页眉: 一般是由导航, logo等元素组成
section	片断: 与主体无关的信息
article	文档: 本义是文档, 实际上可以充当其它内容的容器
footer	页脚: 一般是由友情链接, 联系方式, 备案号,版权等信息组成
aside	边栏: 与主体无关的信息
p	段落标签，通常用于放文本
h1-h6	标题: 通常用来划分或标注内容中的文本段落

图像元素

• <img src="..." alt="...">图像元素使用的标签

属性	描述
src	图片来源地址, 可以是本地, 也可以是来自网络
alt	图片描述信息, 当图片无法显示时, 显示该信息, 也可以为无障碍阅读器所识别
width/height	图片大小, 宽高只需设置一个,另一个会等比缩放, 推荐使用css设置
title	鼠标悬浮时显示的描述文本

链接标签

• <a href="..." target="..." title="..."></a>
• href属性: 跳转的目标地址

属性	描述
href="url"	跳转的目标地址
href="mailto: 1124700977@qq.com"	打开邮箱,发送邮件
href="tel:1812057***9"	点击后,会询问用户是否要拨打电话
href="download.zip"	点击下载

target属性

属性值	作用
_self	默认值，在当前窗口打开链接
_blank	新窗口打开链接
#id	跳转至锚点id所在位置
name	指定名称的窗口

• 文档注释: <!-- 注释内容 -->, 仅存在于源码中,页面中并不显示,搜索引擎也会忽略

  以下为手写作业