常用html5标签、属性及其应用汇总:文本标签、图形与连接标签、URL等

常用html5标签、属性及其应用汇总:文本标签、图形与连接标签、URL等。

一、html5常用文本标签

1.文本样式标签

加粗

斜体

删除线

下划线

上标

下标

2.转义符号

©

圈C

®

圈R(注册)

TM(商标)

&time;

关闭符号

带圈的关闭符号

<

左尖括号/小于号

>

右尖括号/大于号

 

空格

3.换行标签


或者

换行

4.预格式化标签

把文本在代码中的格式进行保留,直接显示在页面上

5.标题字标签

...

标签和普通文本一样大

单独成行,字号大小有变化

6.段落标签

paragrph

单独成行,上下有垂直的行间距

7.水平分割线标签


或者

水平分割线

会在页面上添加一条独占一行的分割线

属性:

align="left"     水平对齐方式

color="red"      分割线颜色

size="50px"      分割线粗细

width="100pxpx"  分割线宽度

8.分区元素

块分区:专门用于页面布局,被称为最简单的块级元素,独占一行

行分区:处理同一行文本中的不同样式

9.块级元素、行内元素、行内块元素

块级元素

行内元素

行内块元素

单独成行,从上往下排列

与其他行内元素或者行内块共用一行,一行放不下才会自动换行

h1~h6    hr   div  p  

ul       ol    li

span   u      i   strong  

 b    del    sup...

input   img   buttom

...

二、图形与连接标签

1.图形

属性:

src="图片资源的路径/url"

alt="资源加载失败时显示的文字"

width height="取值px/% 为单位显示的数字"

title="鼠标悬停时显示的文字"

注意事项:

使用图片时要注意图片本身的尺寸

如果设置的宽高不符合图片本身的宽高比,图片会变形

解决方案:宽或高只写一个,另一个自动适应

三、URL

Uniform Resource Lcator  统一资源定位符,俗称路径

  1. 绝对路径

是一个完整的路径

使用网络资源用绝对路径

优点:节省本服务器的本地存储空间

缺点:资源不稳定

  1. 相对路径

相对路径—参照物是当前html

兄弟资源

直接写资源名称

兄弟资源的儿子

../

兄弟资源的儿子的儿子

../儿子/儿子

父亲的兄弟

../兄弟

3超链接

链接

本页打开

target="_self">在本页打开网页

新页面打开

target="_blank">在新页面网页

4.超链接的其它表现形式

调用脚本

<a href="javascript:fn( )">调用js脚本

发送邮件

<a href="mailto:[email protected]">发送邮件

下载

<a href="1.zip">下载

返回顶部

<a href="#">返回页面顶部

5.锚点

在页面上定义一个位置,叫做锚点

使用a标签跳转到锚点,页面会直接在这个位置显示

定义锚点:使用元素id值给锚点命名   id="c1"

跳转锚点:                          

以上为HTML常用的基础标签,使用频率很高,使用方法也相对简单,最好能背下来~

大家共勉!

你可能感兴趣的:(html,html5,webview)