html1|青训营笔记

128 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第1天

Html (hyper text makeup language)是用来描述网页的一种语言,不是编程语言,而是一种标记语言(makeup language)
W3C万维网联盟:world wide web consortion:制定HTML结构语法、标准(基本样式);CSS表现语法、标准(花样);JS行为标准(交互)
Html基本语法:
<常规语法>双标记:(有头有尾)
<标记></标记>
<标记 属性=“属性值” 属性=“属性值“></标记>

空标记(单标记):(可无头无尾)
<标记/>
<标记 属性=“属性值”/>

(换行标签,单标签)

Vs code:英文感叹号!直接创建html格式

hr水平线
首尾加标签快捷键:option+w (htmltagwrap插件)
strong有强调作用,利于爬虫搜索
Align=“right”靠右
由于直接使用尖角号会被认为是html的标签,故用<代替,在网页会显示出尖角号
Lorem:快捷键,快速生成乱码

Div标签,没有具体含义,用来划分页面的区域,独占一行
Span标签,没有实际意义,主要应用在对文本独立修饰时,内容有多宽就占用多宽的空间距离,不破坏原本的空间距离
ol标签内只相邻能放li标签,不能随意套别的标签
li表示有序列表,显示出来有序号
Li里可以随意放标签,但是ol里只能放li
数字自动生成
不同列表形式:
type:1,a,A,i,I

自 定义列表的结构为dl包裹dt包裹dd
• dl是自定义列表的整体,用于包裹dt和dd
• dt是表示自定义列表的主题
• dd是表示针对自定义列表主题的每一项内容

Command+/:注释的快捷键

快捷键:ul>li

ul里只能放li,li里可以放别的标签
默认的是黑色的实心圆

自定义列表:适合图文混排
快捷键:dl>dd+dt