HTML
html 全称 HyperText Markup Language,是一种超文本标记语言,主要掌握常用标签。
标签分为三种:
块级标签:默认独占一行,支持所有的css样式。
行级标签:默认同行排列,不支持宽高设置,大小由内容撑开。
内联块标签:结合的行标签和块标签的优点,支持所有css样式,还可以多个标签同行排列。
常用块级标签:
div:划分块的主要使用标签。
p: 段落标签,段落文字使用,默认格式:段尾进行换行。
ul:无序列表的主标签,后面的标号为圆点(黑色)。
ol:有序列表的主标签,后面一般跟有序的1,2,3,4,5...。
li:列表中的主体使用标签。
dl:自定义标签的主标签。
dt:自定义标签的表头。
dd:自定义标签的表头的解释(描述)信息。
h1~h6:6级标题标签、字体的大小依次变小。
常用行级标签:
a:主要用来链接一个其他的网页。
span:主要用来对行内的文字进行一些样式以及其他的操作。
img标签:图片引用标签,其中 src属性中写入图片的地址。
常用内联块标签:
img:主要用来渲染图片,在src属性中写入图片的路径。
input:标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
各种标签之间的相互转换:
1:块级标签转行级标签:display:inline;
2:行级标签转块级标签:display:block;
3:行级、块级标签转内联块标签:display:inline-block;
标签之间的嵌套规则:
块级标签可以嵌套行级标签,行级标签不可以嵌套块级标签 。
标签还可分为单标签和双标签:
单标签:由一个<>包裹的标签
双标签:由一对<>包裹,有开头,有结尾。
html结构标签
<!--定义文档类型-->
<!DOCTYPE html>
<html>
<!--定义 HTML 文档-->
<head>
<!--定义关于文档的信息-->
<!--定义关于 HTML 文档的元信息。-->
<meta>
<title>网页标题</title>
<style>写入css样式</style>
</head>
<body>内部书写html结构代码</body>
</html>
html的注释:
<!-- -->
html的标签关系
<!-- 这是兄弟关系-->
<div></div>
<div></div>
<!-- 这是父子关系-->
<div>
<div></div>
</div>
html的知识点还有很多很多,我就简单的列出这些。