0
点赞
收藏
分享

微信扫一扫

HTML零基础入门(1)

minute_5 2023-09-08 阅读 50

 📚专栏分类:前端HTML专栏

❤️感谢大家点赞👍收藏⭐评论✍️


1、什么是HTML

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

2.各部分详解

2.1标签语法

HTML零基础入门(1)_开发者_04

  • 双标签:成对出现。例如:<p></p>.......
  • 单标签:只有一个。例如:<br>,<hr>......

注意:结束标签比开始标签多一个"/"。


2.2基本框架

HTML零基础入门(1)_开发者_05

  • html:整个网页
  • head:网页头部,存放给浏览器看的信息
  • title:网页标题
  • body:网页主体,存放用户看的信息

在VS Code中(!)+Tab键可以快速生成框架,ctrl+B关闭侧边栏

HTML零基础入门(1)_HTML_06

2.3标签的关系

  • 父子关系(嵌套关系)

<html>

<head></head>

</html>

  • 兄弟关系

<head></head>

<body></body>

2.4注释

HTML注释是指在HTML代码中添加的一种描述性文本,这些注释不会被浏览器渲染为页面内容,而是作为开发者之间交流、文档化和调试的一种手段。HTML注释可以帮助开发者更好地理解和维护他们的代码,同时也可以提高协作效率。

HTML零基础入门(1)_html_07

注释快捷键:Ctrl键+/

2.5标题标签

标签名:标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。HTML零基础入门(1)_开发者_08HTML零基础入门(1)_html_09

注意:

  • h1标签在网页中只能用一次
  • h2~h6没有使用限制

2.6换行与水平标签

HTML零基础入门(1)_开发者_10

2.7文本格式化标签

HTML零基础入门(1)_HTML_11

2.8图像标签

标签

描述

<img>

定义图像。

<map>

定义图像地图。

<area>

定义图像地图中的可点击区域。

HTML零基础入门(1)_HTML_12

HTML零基础入门(1)_HTML_13

2.9路径

  • 相对路径:相对于当前文件位置的路径
  • 绝对路径:指向一个因特网文件的完整 URL

2.10超链接

  • 超链接可以是字,词,或一组词,也可以是一幅图像,通过点击这些内容来跳转到新的文档或者当前文档中的某个部分。
  • 把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
  • 我们通过使用 <a> 标签在 HTML 中创建链接。

HTML零基础入门(1)_开发者_14

2.11音频标签

代码:

HTML零基础入门(1)_开发者_15

2.12视频标签

代码:

HTML零基础入门(1)_html_16


举报

相关推荐

0 条评论