您的位置:首页 > Web前端

前端:html一百个实列之基础标签练习

2019-03-18 09:03 429 查看

简单的html文件介绍

《要转换成<才行;

DOCTPYPE 用来声明html的版本
html是双标签
html包括头部《head》和内容块《body》
《meta charset=“utf-8”》该网页展示时的字符集编码,注意,你所给的编码要跟代码编辑器的编码一致才不会乱码
《title》网页打开时的网页标题
《body》是要展示的内容

<html>
<head>
<meta charset="utf-8">
<title>学习使我快乐</title>
</head>
<body>
学习使我进步,学习使我充实。
</body>
</html>

段落

p标签
《body》
《p》锄禾日当午《/p》
《p》汗滴禾下土《/p》
《p》谁知盘中餐《/p》
《p》利利箭辛苦《/p》
《/body》
P标签自动换行。里面的内容就是一行

标题

h1到h6, h1最大,h6 最小
《body》
《h1》锄禾日当午《/h6》
《/body》
要使标题居中,就给h1添加属性
《h1 align=“center”》锄禾日当午《/h》

水平线

《hr》

注释

《!–代码或者内容—》

背景色

《body bgcolor = “yellow”>
内容
《/body》

链接

《body》
《a href=“https:\www.baidu.com”》链接《/a》
《body》

图片

属性:
alt:当图片不存在时,则鼠标移到图片那里时显示alt内容“没有图片"
style:“float:left” 图片靠左显示
usemap:"#p" 图片的映射
shape:映射区域的形状
coords:区域

《body》
《img src= “c:study/1.png" alt=“没有图片” style=“float:left” width=“10” height = “10” usemap="#ba"》
《map name=“ba”》
《area shape=“rect” coords=“0,0,82,126” alt=“没有图片” href=“a.html” 》
《/map》
《/body》

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: