HTML结构和标签格式

#知识点1:标签
标签格式:<标签名 属性1="属性值1" 属性2="属性值2">文本</标签名>
#闭合标签:<h1>京东购物</h1> # (字体加粗,并打印出来)
#自闭合标签:<img src="https://imgcps.jd.com/ling4/100026667910/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6f5/15fd9fad/cr/s/q.jpg">
标签嵌套:<h1> <p1></p1> </h1>

<!DOCTYPE html> #告诉浏览器使用什么样的html或者xhtml来解析html文档
<html lang="en"> #告诉浏览器使用什么样语言解析(英语)
<head> #文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部<head>和主体<body>。
<meta charset="UTF-8"> #(默认标签)声明编码方式用utf8
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title> #(默认标签)定义网页标题,在浏览器标题栏显示。
<link rel="icon" href="https://www.jd.com/favicon.ico"> #设置小图标
</head>
<body> #之间的文本是可见的网页主体内容
<h1>呼长喜的京东购物网站,欢迎您的光临!</h1> # (字体加粗,并打印出来)
<img src="https://imgcps.jd.com/ling4/100026667910/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6f5/15fd9fad/cr/s/q.jpg">
</body>
</html>

 

posted @ 2022-05-15 19:59  呼长喜  阅读(94)  评论(0编辑  收藏  举报