【前端学习笔记】HTML 基础

「已注销」

已于 2024-04-18 07:41:23 修改

阅读量2.5k

点赞数 26

分类专栏：前端文章标签： html 学习笔记

于 2024-04-18 05:00:00 首次发布

本文链接：https://blog.csdn.net/2401_84304834/article/details/137840957

版权

🌟博主主页：我是一只海绵派大星

📚专栏分类：前端

📚参考教程：菜鸟教程
❤️感谢大家点赞👍收藏⭐评论✍️

一、HTML 简介

1、什么是 HTML

HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它允许用户通过结合文本、图像、链接、格式等元素来构建网页，并通过浏览器进行解析和显示。HTML文件通常以.html或.htm为扩展名，包含一系列的标签（tags），这些标签用于定义网页的结构、样式和内容。

2、实例解析

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

3、HTML 网页结构

4、<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页。

doctype 声明是不区分大小写的，以下方式均可：

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

5、中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

6、元素类型

在HTML中，有两种主要的元素类型：块级元素（block-level elements）和行内元素（inline elements）。

块级元素是指那些在页面上创建一个独立的块的元素，它们会独占一行，并在其前后生成换行。块级元素可以包含其他块级元素和行内元素。常见的块级元素有：

<div>：用于创建一个通用的容器，用于组织和布局内容。
<p>：用于定义一个段落。
<h1> 到 <h6>：用于定义标题，从最重要的 <h1>到最不重要的 <h6>。
<ul>：用于创建一个无序列表。
<ol>：用于创建一个有序列表。
<li>：用于创建列表项，可以是 <ul>或 <ol> 的子元素。
<table>：用于创建一个表格。
<form>：用于创建一个表单。

行内元素是指那些在页面上不会创建一个独立的块的元素，它们只会在当前行内生成内容。行内元素通常用于对文本或其他行内元素进行样式化或应用特殊功能。常见的行内元素有：

<span>：用于创建一个通用的行内容器，用于组织和样式化文本或

最低0.47元/天解锁文章

「已注销」

关注

26
点赞
踩
49

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录