HTML入门：概念、学习与实践
首先什么是html？
HTML(HyperText Markup Language)即 超文本标记语言是一种用于创建网页的标准标记语言。它是构成网页的基础，用于描述网页的内容和结构。HTML 文档由一系列的元素（elements）组成，每个元素通常由开始标签（start tag）、内容（content）和结束标签（end tag）构成
HTML的基本功能
HTML用于创建和设计网页的结构和布局。它通过使用各种标签来定义文本、图像、链接和其他元素的位置和样式。HTML文档由一系列的元素组成，这些元素告诉浏览器如何显示页面上的内容。
HTML 的基本结构
DOCTYPE 声明：
这一行声明了文档类型，告诉浏览器这是一个 HTML5 文档
html 标签：
包含整个文档的所有内容
head 标签：
meta标签用于定义文档的元数据，如字符编码。title标签定义文档的标题，显示在浏览器的标签页上
body 标签：
包含文档的所有可见内容，如文本、图像、链接等
HTML标签
怎么学习HTML？
首先要先了解 HTML 的基本概念
- HTML（HyperText Markup Language）是一种标记语言，用于创建网页。
- 标签（Tags）：HTML 使用标签来定义文档的结构和内容。
- 元素（Elements）：由开始标签、内容和结束标签组成。
- 属性（Attributes）：提供额外的信息，如链接的目标地址
学习基本标签
<!DOCTYPE html>：声明文档类型。<html>：根元素，包含整个文档。<head>：包含文档的元数据，如字符编码、标题等。<body>：包含文档的所有可见内容。
- 文本内容：
<h1>到<h6>：标题标签。<p>：段落标签。<strong>和<em>：加粗和斜体文本。- 链接和图像：
<a>：超链接标签，使用href属性指定目标地址。<img>：图像标签，使用src属性指定图像路径，alt属性提供替代文本
列表：
<ul>和<li>：无序列表。<ol>和<li>：有序列表
表格：
<table>：表格标签。<tr>：表格行。<th>：表头单元格。<td>：普通单元格
如何实践编写代码
打开文本编辑器（如 Notepad++、VSCode、Sublime Text 等
新手推荐：vscode
下载好之后如果英语不是很好的小伙伴，需要安装插件 （搜索：chinese）安装
下一步、桌面新建文件夹！直接拖进我们的vscode中
信任作者就行
新建文件了不是文件夹
最关键时候 注意后缀 .html 大小写都行HTML ( 然后回车 Enter)
下一步键盘 shift+1！号显示提示后回车
最基本的架构就出来了
<body> 内容展示区域 </body>
如何打开？
桌面 打开
进入之后再次打开就行
或者下载插件 open in browser
下载好之后直接在软件内右击
最最基础的教程!!!!
下个文章分享标签以及如何去使用 小伙伴们 good拜！！!
扫一扫
1792
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
