HTML|01HTML初识

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>
相关推荐
FE_C_P小麦几秒前
Git 常用指令
前端·后端·github
北城笑笑1 分钟前
Server 13 ,CentOS 上使用 Nginx 部署多个前端项目完整指南( 支持多端口与脚本自动化 )
linux·服务器·前端·nginx·centos
卓伊凡2 分钟前
完整的苹果内购in-purchase实例-采用object-c语言使用苹果的Storyboard开发模式的完整购买实例
前端
用泥种荷花3 分钟前
【web音频学习(一)】音频基础
前端
Mintopia4 分钟前
Next.js自建部署:Docker + PM2 + Nginx
前端·javascript·全栈
艾小码6 分钟前
还在重复造轮子?3个Vue3组合函数让你开发效率翻倍!
前端·javascript·vue.js
一枚前端小能手7 分钟前
🎨 CSS-in-JS到底香不香?性能陷阱让我重新思考了
前端·javascript·css
章丸丸9 分钟前
Tube - Infinite Loading
前端·next.js
我是日安9 分钟前
从零到一打造 Vue3 响应式系统 Day 3 - 订阅者模式:响应式设计基础
前端·vue.js
拜无忧9 分钟前
【知识点】vue3不常用api总结-针对前端中级-进阶
前端·vue.js·性能优化