web前端（一）-HTML

最新推荐文章于 2023-08-02 20:12:04 发布

柴咔咔i

最新推荐文章于 2023-08-02 20:12:04 发布

阅读量652

点赞数 1

文章标签：前端 html

本文链接：https://blog.csdn.net/i_ChaiKaiyue/article/details/123316004

版权

HTML简介

1、什么是网页

网站是指在因特网上根据一定的规则，使用HTML等制定的用于展示特定内容相关的网页集合。

网页是网站中的一“页”，通常是HTML格式的文件，它主要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素来组成。常见以.htm或.html后缀结尾的文件，因此俗称为HTML文件。

2、什么是HTML

HTML指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。

HTML不是编程语言，而是一种标记语言，。

3、Web标准

Web是由W3C组织和其他标准化组织的制定的一系列标准的集合。

4、Web标准的构成

主要包括结构（Sructure）、表现（Presentation）和行为（Behavior）三个方面。

标准	说明
结构	结构用于对网页元素进行整理和分类，HTML
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，CSS
行为	行为是指网页模型的定义及交互的编写，Javascript

HTML标签

1、HTML语法规范

HTML标签通过尖括号包围的关键词，通常是成对出现的，例如：双标签<html></html> 单标签<br/>。双标签关系分为：包含关系和并列关系

2、HTML基本结构标签

<html>
    <head>
        <title>我利用vscode创建的第一个页面</title>
    </head>
    <body>
        加油加油
    </body>
</html>

标签名称	定义	说明
<html></html>	HTML标签	页面最大的标签，根标签。
<head></head>	文档头部	head标签中必须设置标签title
<title></title>	文档标题	拥有一个网页标题
<body></body>	文档主题	包含文档的所有内容

3、开发工具VScode

双击打开软件-新建文件（ctrl+n）-保存，注意移动要保存为.html文件-Ctrl+加号、减号可放大缩小视图-生成骨架（输入！按下Tab键）

4、VScode插件推荐

插件	作用
Chinese (Simplified) Language Pack for Visual Studio Code	中文语言包
open in browser	右击选择浏览器打开html文件
JS-CSS-HTML Formatter（不推荐）	每次保存，都会自动格式化js css和html代码
Auto Rename Tag	自动重命名配对的HTML/XML标签
CSS Peek	追踪至样式

5、HTML常用标签

（1）常用基础标签

标题标签<h1><h6>：加了标题的文字会变得加粗，字号会依次变大，一个标题独占一行。

段落标签<p></p>：文本在一个段落中会根据浏览器窗口大小自动换行，段落和段落之间会有空隙。

换行标签</br>：单标签，简单的开始新的一行，跟段落不一样。

加粗标签：<strong></strong>或<b></b>，<strong>标签加粗，语义更强烈。

倾斜标签：

最低0.47元/天解锁文章

柴咔咔i

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
web前端（一）-HTML

HTML简介1、什么是网页网站是指在因特网上根据一定的规则，使用HTML等制定的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是HTML格式的文件，它主要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素来组成。常见以.htm或.html后缀结尾的文件，因此俗称为HTML文件。2、什么是HTMLHTML指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。HTML不是编程语言，而
复制链接

扫一扫