Html5总结

Posted 2018届珠院网络工程一班

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html5总结相关的知识,希望对你有一定的参考价值。

第一节

Ps:使用软件为sublime,自行下载

 

1.基本的H5格式

例:<!DOCTYPEhtml>

<html>

头部:此处的代码决定标题

<head>

        <metacharset="UTF-8">

        <title>Document</title>

</head>

身体:此处代码决定内容

<body>

      

</body>

</html>

 

2.此处所有的带有<>包裹的英文都为标签(空格之前,空格之后的称为属性)

3.单标签

双标签:一般的标签都是双标签例如<span></span>字体加粗标签

此处<span>为开始,</span>为结束(一般相同字母前面加一个斜杠就是结束)

应用:<span>文字内容</span> 此处的“文字内容:就会加粗,其他双标签同理

 

单标签:虽然单标签比较少但却很常用比如input标签<input type=""name=""/>

顾名思义就是不用结束单个就可以结束(在最后面加个斜杠)

 

图片标签的:

可选的属性

 

属性

描述

align

·         top

·         bottom

·         middle

·         left

·         right

不推荐使用。规定如何根据周围的文本来排列图像。

border

pixels

不推荐使用。定义图像周围的边框。

height

·         pixels

·         %

定义图像的高度。

hspace

pixels

不推荐使用。定义图像左侧和右侧的空白。

ismap

URL

将图像定义为服务器端图像映射。

longdesc

URL

指向包含长的图像描述文档的 URL

usemap

URL

将图像定义为客户器端图像映射。

vspace

pixels

不推荐使用。定义图像顶部和底部的空白。

width




属性

描述

alt

text

规定图像的替代文本。

src

URL

规定显示图像的 URL

必需的属性

 

根据实际情况自行使用

例子:

<imgsrc="http://img1.imgtn.bdimg.com/it/u=3906135339,548242496&fm=26&gp=0.jpg"ait=”灯“ width="50">

 

 


以上是关于Html5总结的主要内容,如果未能解决你的问题,请参考以下文章

HTML5标签汇总及知识学习线路总结

学习总结HTML5-05 HTML5表单

Html5总结笔记1

Javascript学习总结 - html5实现定位地理位置

总结HTML5

HTML5 学习总结——HTML5概要与新增标签