前端学习

HTML入门

2019-08-03  本文已影响0人  Yonginggg

what is HTML

HTML: Hyper Text Markup Language 超文本标签语言

对网页中的文本,图片,声音进行描述

HTML格式

<html>根标签
    <head>头标签
        <title></title>标题标签
    </head>
    <body>主题标签
    </body>
</html>

一个实际的例子

<html>
    <head>
        <title>my first web</title>
    </head>
    <body>
        我终于制作了我的第一个网站
    </body>
</html>
image

标签及其分类

HTML标签-->表达网页中的元素

<img>图片标签

双标签

<标签名>内容</标签名>
<body>文字</body>

单标签(空标签)

<标签名/>
<br />

标签嵌套和并列关系

嵌套关系(父子关系)

<html>
    <head>
    </head>
</html>

html父, head子

子标签缩进一个tab

并列关系(兄弟关系)

<head>
</head>
<body>
</body>

head和body并列

文档类型<!DOCTYOE>

<!DOCTYPE html>

告诉我们使用的是html5的版本

vscode快速填充html骨架

!+tab

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读