前端:html一百个实列之基础标签练习
简单的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》
- 前端基础(6):html语法(5): <META> <H1-H6><UL><ol><LI><code>标签
- 前端学习之HTML基础标签(1)
- 前端基础学习之Html标签
- 前端基础--HTML标签
- 前端学习之路html基础(01)——常用标签
- 前端基础之html常用标签
- 前端基础----html初识、常用标签
- WEB前端 | HTML基础——(3)a标签、隐藏及浮动
- 前端基础--html基础标签
- 前端基础-01-html标签
- 前端开发基础学习笔记html标签
- 前端学习笔记(一)——HTML历史与基础标签
- 前端基础-HTML的的标签详解
- 前端基础(3):html语法(2): <form> 标签
- 前端基础(5):html语法(4): <br> <td><tr><label>标签
- 前端学习之路html基础(02)——常用标签
- HTML_01_基础标签格式
- 网页制作HTML基础标签代码大全
- HTML基础第一课(div,span标签,选择器,文本样式)
- Html的基础知识,基础标签的应用