初识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拜!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值