html week one

文本元素

HTML5元素周期表

h(head)

标题，h1~h6
h1*6>{} 便捷生成

p(paragraph)

lorem: 乱数假文 ex: p*6>lorem (6段)

span(无语义)

用于设置样式

ex:
块级元素：独占一行；反之：行级元素

pre

预格式化文本元素
在pre元素中不会出现空白折叠

空白折叠： 在源代码中的连续空白字符(空格、换行、制表)， 在页面显示时会被折叠为一个空格

html实体

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

表示方式：1、&单词; 2、&#数字；

ex: 小于 < &lt；
大于 > &gt；
空格   &nbsp；
版权 © &copy；
& &

a元素

超链接

href属性

hyper reference： 通常表示跳转地址

1、普通链接

百度

2、锚链接

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

3、功能链接

点击后触发某个功能
-执行JS代码, javascript:
-发送邮件，mailto:
-拨打电话，tel:

target属性

表示跳转窗口位置

target取值：

-_self: 在当前页面窗口打开，覆盖原页面内容，默认值
-_blank: 在新窗口中打开

title

全局属性

路径的写法

站内资源和站外资源

站内资源：当前网站资源

站外资源：非当前网站资源

站外资源：绝对路径

站内资源：相对路径

绝对路径

绝对路径的书写格式：

···
协议名：//主机名：端口名/路径

schema://host:port/path
...

1、协议名：http, https, file

2、主机名：域名、IP地址

3、端口号：如果协议是http协议， 默认端口号80；如果协议是https协议，默认端口号为443

（当跳转目标协议一致时，可以省略）

相对路径

相对路径的格式

以./开头，表示当前资源所在的目录
可以书写../表示返回上一级目录

相对路径./可省略