HTML|01HTML初识

HTML初识

1.html标签:所有html中标签的一个根节点
2.head标签:用于存放:title,meta,base,style,script,link
3.title标签:显示网站标题
4.body标签:显示主体

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键

看代码

<!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>

在这里插入图片描述

相关推荐

  1. Day45 HTML

    2024-06-14 09:00:03       34 阅读
  2. <span style='color:red;'>HTML</span> <span style='color:red;'>01</span>

    HTML 01

    2024-06-14 09:00:03      37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-14 09:00:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-14 09:00:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-14 09:00:03       82 阅读
  4. Python语言-面向对象

    2024-06-14 09:00:03       91 阅读

热门阅读

  1. HTML的a标签如何做返回顶部的功能

    2024-06-14 09:00:03       32 阅读
  2. 《电力网络安全事件应急预案》

    2024-06-14 09:00:03       23 阅读
  3. 百度之星2024题目记录

    2024-06-14 09:00:03       85 阅读
  4. .NET C# ‘string‘ 类型思考与解析

    2024-06-14 09:00:03       36 阅读
  5. QT day01

    QT day01

    2024-06-14 09:00:03      31 阅读
  6. Ruby 条件判断

    2024-06-14 09:00:03       37 阅读
  7. 行为型模式-命令模式

    2024-06-14 09:00:03       36 阅读
  8. 怎么沉淀自己的价值——笔记

    2024-06-14 09:00:03       24 阅读
  9. 在windows机器上上架IOS苹果应用

    2024-06-14 09:00:03       41 阅读
  10. SQLite JDBC驱动程序

    2024-06-14 09:00:03       23 阅读
  11. sklearn、tensorflow、keras区别与联系--九五小庞

    2024-06-14 09:00:03       36 阅读