HTML入门笔记1

247 阅读2分钟

HTML发明者

蒂莫西·约翰·伯纳斯-李爵士 万维网基金会的创办人

HTML起手式

<!--说明文档类型-->
<!DOCTYPE html>
<!--文档语言是英文,如果是中文是zh-CN-->
<html lang="en">
<!--头部标签 内部的东西是不显示的-->
<head>
<!--  元数据 这句话表示的是字符集   -->
    <meta charset="UTF-8">
<!--    网页tab上的显示的标题-->
    <title>起手式</title>
</head>
<!--主体标签,内部元素显示出来-->
<body>

</body>
</html>

章节标签

常用标签 意义
h1~h6 一级标题~六级标题
section 文章一部分
p 内容段落
header 网页头部
footer 网页底部
main 网页主题部分
aside 网页侧边栏,导航一类
div 抽象,用于布局划分

全局属性

常用属性 意义
class 类名
contenteditable 是否可编辑
tabindex 键盘tab键作用的元素标签
title 网页标题
hidden 隐藏元素
id 元素id
style 元素样式

内容标签

常用标签 意义
ol+li 有序列表
ul+li 无需列表
dl+dt+dd 介绍性质的描述
pre 不改变格式显示内容(不自动合并tab,回车,多个空格)
code 代码使用(字变成等宽的)
hr 水平分割线
br 换行
a 超链接
em 强调,主要强调语气
strong 强调,主要强调内容本身
quote 表示引用,默认内联样式
blockquote 表示引用,默认块级元素

总结

HTML标签从一开始的18个发展到现在的110个,可以用很少实现一个网页,也可以用丰富的标签去实现,重要的是理解各个标签的语义,把标签用对地方。