HTML基础知识点

最新推荐文章于 2024-05-28 22:57:50 发布

「已注销」

最新推荐文章于 2024-05-28 22:57:50 发布

阅读量755

点赞数 3

分类专栏： HTML+CSS专栏文章标签： html 前端

本文链接：https://blog.csdn.net/qq_44768644/article/details/126172045

版权

HTML基础知识点（详细）

一、网页基础知识

1、认识网页
（1）网页是由什么组成的呢？

文字、图片、视频、音频、超链接等…

（2）网页背后的本质是什么呢？

代码组合

（3）前端代码是怎么转化的呢？

通过浏览器转化（解析和渲染）成用户看到的网页

2、五大浏览器和渲染引擎
（1）五大浏览器（谷歌常用）

IE浏览器、火狐（Firefox）、谷歌（Chrome）、Safari、欧朋（Opera）

（2）渲染引擎（浏览器内核）

浏览器中专门对代码进行解析渲染的部分

3、Web标准

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

结构：HTML—页面元素和内容
表现：CSS—网页元素的外观和位置等页面样式（颜色、大小）
行为：JavaScript—网页模型的定义与页面交互

二、HTML基础概念

1、HTML概念
（Hyper Text Markup Language）—超文本标记语言，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述
2、HTML骨架结构

一个完整的HTML文档必须包含3个部分：文档声明、文档头部和文档主体

HTML基本格式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>页面标题</title>
	</head>
	<body>
	写自己的代码
	</body>
</html>

在这里插入图片描述

3、开发工具

开发工具：Webstorm、VS Code、Hbuilder、Sublime Text、Notepad++、Editplus、Dreamweaver、Atom
其中，Visual Studio Code为常用软件—速度快，体积小、插件多

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具，和PyCharm等同属一家公司。
VSCode(全称:Visual Studio Code) 是一款由微软开发且跨平台的免费源代码编辑器。
HBuilder 是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE.
Sublime Text 是一个文本编辑器（收费软件，可以无限期试用，但是会有激活提示弹窗），同时也是一个先进的代码编辑器。
Notepad+ 是记事本的增强版本。
EditPlus 是一款由韩国 Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器，你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。
Adobe Dreamweaver，简称“DW”，中文名称 “梦想编织者”，最初为美国Macromedia公司开发，2005年被Adobe公司收购。
Atom 是github平台为其用户提供的，也有人在使用

4、HTML语法规范
（1）注释

快捷键：ctrl + / （再按一次，取消注释）

（2）标签的构成

1、标签结构图：<起始标签> 内容</结束标签>
2、结构说明：标签分为双标签和单标签

（3）标签的关系

1、嵌套关系（父子关系）
2、并列关系（兄弟关系）

三、HTML中的标签

1、排版标签
（1）标题标签

语义：给页面上的文字加上标题，1-6级标题，重要程度依次减小
代码：

    <h1>1级标题</h1> 
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>

特点：文字都有加粗；文字都有大小，从h1-h6文字逐渐减小；独占一行

（2）段落标签

语义：在新闻和文章的页面中，用于分段显示，表示一个段落
代码：

<p>我是一段文字</p>

特点：段落之间存在间隙，独占一行

（3）换行标签

语义：让文字强制换行显示
代码：

<br>

特点：单标签，让文字强制换行

（4）水平线标签

语义：分割不同主题内容的水平线，用于主题分割
代码显示：

最低0.47元/天解锁文章

「已注销」

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
HTML基础知识点

介绍HTML基础知识点，详细！！！
复制链接

扫一扫

专栏目录