HTML|01HTML初识

Catherinemin2024-06-14 15:45

HTML初识

1.html标签：所有html中标签的一个根节点

2.head标签：用于存放：title,meta,base,style,script,link

3.title标签：显示网站标题

4.body标签：显示主体

HTML骨架语法

html 复制代码

<html> 
    <head>  
       <title></title>
    </head>
    <body>  
        
    </body>
</html>

HTML标签分类

复制代码

分为两种：
    1.双标签
        <body> </body>
            <body>:标签开始部分
            </body>：标签结束部分
            / 关闭符号
    2.单标签
        <br />

网页组成元素：文字、图片、链接、音频。。。

我们需要用代码来表达这些元素

代码标签

图片标签

换行，单标签

HTML标签关系

分为两种：

1.嵌套关系
<head> <title> </title> </head>

2.并列关系

复制代码

<html> 
    <head>  
       <title></title>
    </head>
    <body>  
        
    </body>
</html>

head标签和body标签属于并列关系

开发工具

复制代码

Dreamweaver
sublime
webstorm
HBuilder
VS code

sublime使用技巧

复制代码

html:5
!

之后按tab键

看代码

html 复制代码

<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>

    </body>
</html>

复制代码

文档类型:<!DOCTYPE html>是html5
字符集：<meta charset="utf-8"> charset是字符集，告诉文档使用的是utf-8字符集
    常用的字符集：
        gb2321：简单中文，包含6763个汉字
        BIG5：繁体中文，港澳台等用
        GBK：包含全部中文字符，是GB2321的扩展，加入对繁体字的支持，兼容GB2312
        UTF-8：包含全世界所有国家需要用到的字符（统统使用utf-8，就不会出现乱码了）

HTML标签的语义化

复制代码

语义化就是：标签的含义

第一行html代码

复制代码

<html> 
    <head>  
       <title>我的第一个网站</title>
    </head>
    <body>  
        我终于制作了自己的第一个页面！！
    </body>
</html>