【无标题】html学习笔记下

HTML实体

实体字符, HTML Entity.

实体字符通常在页面中显示一些特殊符号.

1. &单词;
2. &#数字;

• 小于符号

<
<

• 大于符号

>

• 空格

 

• 版权符号

©

a元素

超链接

href属性

hyper reference:通常表示跳转地址

1. 普通链接
2. 锚链接

id属性:全局属性,表示元素在文档中的唯一编号

3. 功能性链接

点击后,触发某个功能

• 执行js代码, javascript:
• 发送邮件, mailto:
• 拨号, tel:

target属性

表示跳转窗口位置.

target的取值:

• _self:在当前页面窗口中打开,默认值
• _blank:在新窗口中打开

路径的写法

站内资源和站外资源

站内资源:当前网站的资源

站外资源:非当前网站的资源

绝对路径和相对路径

站外资源:绝对路径

站内资源:相对路径

绝对路径的书写格式

url地址

协议名://主机名:端口号/路径

schema//host:port/path

https://tonyblack.coding.net/user

协议名:http, https, file.

主机名:域名, ip地址.

端口号:http:80, https:443

当跳转目标和当前页面的协议相同时,可以省略协议

2. 相对路径

以./开口 ./表示当前资源所在的目录

可以书写…/表示上一级目录

图片元素

img元素

image缩写,空元素

src属性:source(资源)

alt属性:当图片资源失效时,将使用该属性的文字替换图片

和a元素联用

这样在点击图片时可以跳转地址

和map元素连用

map:地图

map的子元素:area(地区)

衡量坐标时,为了避免衡量误差,需要使用专业也的衡量工具:

ps,pxcook.

和figure元素联用

指代,定义:通常用于把图片,图片标题,描述包裹起来

子元素:figcaption(指代东西的标题)

多媒体元素

video 时评

audio 音频

video

controls:控制控件的显示,取值只能为controls

某些属性,只有两种状态: 1,不写 2,取值为属性名(这种属性叫做布尔属性)

布尔属性,在html5中可以不用写属性值

autoplay: 布尔属性, 自动播放.

muted: 布尔属性, 静音播放.

loop: 布尔属性, 循环播放.

audio

和视频完全一致

兼容性

1. 旧版本的浏览器不支持这两个元素
2. 不同的浏览器支持的音视频格式可能不一致

mp4,webm

列表元素

有序列表

ol: ordered list

li: list item

无序列表

把ol改成ul

ul: unordered list

无序列表常用于制作菜单 或 新闻列表

定义列表

通常用于一些术语的定义(多用于文献)

dl: definition list

dt: definition title

dd: definition description

容器元素

容器元素: 该元素代表一块区域, 内部用于放置其他元素

div元素

没有语义

语义化容器元素

header: 通常用于表示页头, 也可以用于表示文章的头部

footer: 通常用于表示页脚, 也可以用于表示文章的尾部

article: 通常用于表示整篇文章

section: 通常用于表示文章的章节

aside: 通常用于表示网页侧边栏

元素包含关系

以前: 块级元素可以包含行级元素,行级元素不能包含块级元素,a元素除外

元素的包含关系有元素的内容类别决定.

例如, 查看h1元素中是否可以包含p元素

总结:

1. 容器元素中可以包含任何元素
2. a元素可以几乎可以包含任何元素
3. 某些元素有固定的子元素(ul>li, ol>li, dl>dd,dt)
4. 标题元素和段落元素不能相互嵌套, 并且不能包含容器元素