HTML 笔记/案例

最新推荐文章于 2023-04-12 22:36:22 发布

Gengbiao-

最新推荐文章于 2023-04-12 22:36:22 发布

阅读量475

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/weixin_46396363/article/details/104616401

版权

本文详细介绍了HTML的基础知识，包括HTML的定义、作用、版本和扩展名。接着讲解了HTML文档的基本结构，如HTML标签、开发工具、浏览器的使用。深入探讨了HTML标签的组成、分类，以及如何进行注释和使用实体字符。此外，还涵盖了文档类型、常用标签如列表、图像、水平线的使用，以及超链接的原理和类型。最后，提到了HTML5的新特性，如新增的结构和语义化标签，以及表单和多媒体标签的增强功能。

摘要由CSDN通过智能技术生成

一丶HTML简介

1.HTML是什么?

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

由多种标签组成，用来制作网页，告浏览器该如何显示页面

2.HTML语言的作用？

制作网页、控制网页喝内容的显示
插入图片、音乐点、视频、动画等多媒体
通过链接检索信息
使用表单获取用户信息、实现交互

3.版本

W3C:World wide web consortium 万维网联盟，制定WEB技术相关标准和规范的组织，HTML就是W3C制定的标准

两个版本:HTML4.0和HTML5.0

官网:https://www.w3school.com.cn/

4.HTML后缀名----扩展名

HTML文件的扩展名是以.html或.htm来结尾

二丶HTML文档的结构

1.基本结构

1.1简介

HTML标签是由尖括号括起来的关键词，如,通常都是成对出现的，如
以为根标签，包含：头部和主体部分
头部提供关于网页的相关信息，如标题、字符编码、文档类型、关键等摘要信息
主体部分提供网页的具体内容，真正显示在页面中
合理的进行缩进
标签不区分大小写，但一般习惯用小写

1.2开发工具

记事本notepad sublime notepad++Dreamweaver VScode Webstorm等

使用步骤：

1.新建文件(ctrl+N),然后保存(ctrl+S),指定扩展名为.hmtl (代码无颜色提示)

2.编写HTML文件

3.在浏览器中打开文件

使用技巧：

先保存再编写代码，否则没有颜色提示
建议创建一个文件夹，用于保存锁头的网页内容，将文件夹拖拽到sublime
中打开，便于管理
显示/隐藏侧边栏
方式1：查看–>侧边栏–>显示/隐藏侧边栏
方式2：ctrl+K再按B

1.3浏览器

常见浏览器：IE浏览器 Chrome谷歌、firefow火狐、safari

浏览器的作用就是来读取html文件，并以网页的形式进行显示

浏览器不会直接显示html标签，而是使用标签来解释网页的内容

2.标签

2.1标签的组成

一个完整的html标签的组成：
<标签名属性名="属性值">内容</标签名>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>标签</title>        
    </head>
    <body bgcolor="red" text="blue">
        html从入门到精通！
    </body>
</html>

属性值要用引号引导起来，一般用双引导

2.2标签的分类

根据标签是否关闭，分为：关闭型、非关闭型

关闭型标签：又开始标签也有结束标签，即标签成对出现

1、<title></title>
2、<body></body>
3、<h1></h1>

<html>
    <head>
        <title>标签的组成</title>
        <meta charest = "utf-8">
    </head>

最低0.47元/天解锁文章

Gengbiao-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 笔记/案例

一丶HTML简介1.HTML是什么?HTML:Hyper Text Markup Language超文本标记（标签）语言由多种标签组成，用来制作网页，告浏览器该如何显示页面2.HTML语言的作用？制作网页、控制网页喝内容的显示插入图片、音乐点、视频、动画等多媒体通过链接检索信息使用表单获取用户信息、实现交互3.版本W3C:World wide web consortium ...
复制链接

扫一扫