首先什么是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拜!!!