山西网站建设网站,网站开发维护的好处,广州海珠区租房子一般多少钱,聊城网站优化HTML语法规则 HTML 标签是由尖括号包围的关键词#xff0c;标签通常是成对出现的#xff0c;例如 html 和 /html#xff0c;称为双标签 。标签对中的第一个标签是开始标签#xff0c;第二个标签是结束标签单标签比较少#xff0c;例如br /#x…HTML语法规则 HTML 标签是由尖括号包围的关键词标签通常是成对出现的例如 html 和 /html称为双标签 。标签对中的第一个标签是开始标签第二个标签是结束标签单标签比较少例如br /加一个/即可 标签关系 双标签关系可以分为两类包含关系和并列关系 //包含标签
htmlhead/head
/html
//并列关系
htmlhead/headbody /body
/htmlHTML 基本结构标签 HTML页面也称为 HTML 文档HTML 文档的的后缀名必须是 .html 或 .htm 浏览器的作用是读取 HTML 文档并以网页的形式显示出它们。这也就提醒我们用记事本时要修改后缀名。此时用浏览器打开这个网页可以预览HTML 文件了 vscode使用技巧 ctrl / - 放大缩小页面shift alt 下箭头 快速赋值上一行ctrl d 选定多个相同的单词双击单词再按快捷键可同时修改多个单词ctrl alt 上箭头/下箭头 添加多个光标同时修改多行ctrl h 全局替换某些单词ctrl g 快速定位到某一行shift alt 然后拖动鼠标可以选择某个区块进行操作ctrl / 单行注释 DOCTYPE
!DOCTYPE html 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面.注意 !DOCTYPEl 声明位于文档中最前面的位置处于html标签之前!DOCTYPEl不是一个HTMl标签他就是文档类型声明标签 HTML常用标签
标题标签 特点 加了标题的文字会变的加粗字号也会依次变大。一个标题独占一行标题标签为双标签成对出现h1/h1重要性h1到h6一次递减 段落标签 需要注意的是在软件使用时我们人为的换行在网站打开是不起作用的无论打一个空格还是10个空格都只会显示一个空格因此需要段落标签帮助我们进行分段处理双标签p 我是一个段落标签 /pvscode中查看 – 自动换行特点 1. 文本在一个段落中会根据浏览器窗口的大小自动换行。 2. 段落和段落之间保有空隙。 换行标签 在 HTML 中一个段落中的文字会从左到右依次排列直到浏览器窗口的右端然后才自动换行。如果希望某段文本强制换行显示就需要使用换行标签 br /。特点 1. br / 是个单标签。 2. br / 标签只是简单地开始新的一行跟段落不一样段落之间会插入一些垂直的间距 3. 不会形成如段落一样的较大缝隙在网页上看就是单纯的另起一行而不是另起一段。 文本格式化标签 特殊标签 div和span标签是是没有语义的它们就是一个盒子用来装内容的。特点 1. div 标签用来布局但是现在一行只能放一个div也就是说一个div占一整行后面再写内容会在div的下面显示。 大盒子 2. span 标签用来布局一行上可以多个 span。小盒子 3. 都是双标签