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总结的主要内容,如果未能解决你的问题,请参考以下文章