html5基本结构菜鸟⼩⽩学习前端第⼀天(html)超详细笔记,努⼒加油html5的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>⽂档的标题</title>
</head>
<body>
</body>
<!DOCTYPE HTML>定义⽂档类型为html
<html>定义⽂档类型为html
<head>头部标签(头部描述区域)
<title>⽂档的标题
<meta>控制⽹页的原信息,⼀个页⾯可以有多个meta
charset=“”是html⼀个属性,定义编码格式⽤的
UTF-8 万国码,所有国家语⾔包含在内
<body>主题区域(显⽰页⾯区域的内容)
html5的语法
1.双标记(常规标记)
-有开始的标签,也有结束的标签<;标记属性=“属性值”></标记>
2.单标记(空标记)
-只有开始标签,没有结束标签<;标记>或者<;标记/>
3.标签之间的位置关系
-兄弟关系并列关系同辈关系同级关系
<div></div>
<div></div>
-⽗⼦关系,嵌套关系,包含关系,祖先和后代关系
-注:嵌套标签的时候,不能交叉嵌套
最开始写的谁,结束就写谁
<div>
<p></p>
</div>
⽂本标签
1.标题标签:⾃带⽂字⼤⼩和加粗的效果
<h1></h1>⼀级标题,⼀般⽤来放logo,但不是绝对的
<h2></h2>⼆级标题
<h3></h3>三级标题
<h4></h4>四级标题
html网页格式<h5></h5>五级标题
<h6></h6>六级标题
2.段落标签:默认具有段间距
<p></p>
3.加粗标签:只是加粗没有其它含义的时候可以⽤b标签
-当更强调它的重要性可以⽤strong
<b></b>只是加粗的意思
<strong></strong>更具有语义化(更加强调的意思)
4.倾斜标签:只是单纯的倾斜就⽤i
<i></i>只是倾斜的意思
<em></em>更具有语义化(更加强调的意思)
5.下划线标签:只是单纯的下划线就⽤u
<u></u>只是下划线的意思
<ins></ins>更具有语义化(更加强调的意思)
6.删除线标签:只是单纯删除线就⽤s
<s></s>只是删除线的意思
<del></del>更具有语义化(更加强调的意思)
7.强制换⾏标签:它是⼀个空标记(单标签)
<br>
8.⽔平线:⽤的不多
<hr>
9.上标:<sup></sup>
下标:<sub></sub>
html 注释语句:提⽰作⽤,提⽰⾃⼰,提⽰看你代码的⼈
<!-- 注释内容 -->
⽂本标签(重要)
1.<span></span>默认本⾝没有任何效果,⽤的⽐较多(重要)
2.<div></div>默认情况下是独占⼀⾏的,区域划分的(重要) -div⾥可以嵌套div,可以嵌套任何其他标签
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论