HTML基本概念:

  • HTML简介:

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

1)、HTML 是用来描述网页的一种语言。

2)、HTML 不是一种编程语言,而是一种标记语言。

3)、标记语言是一套标记标签 (markup tag)。

4)、HTML 使用标记标签来描述网页。

5)、HTML 文档包含了HTML 标签及文本内容。

6)、HTML文档也叫做 web 页面。

HTML文件的基本架构:

▲ <!DOCTYPE html> 声明为 HTML5 文档。

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

▲ <head> 元素包含了文档的元(meta)数据,

如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

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

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

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

▲ <p> 元素定义一个段落。

  • HTML基础:
  1. 、HTML标题:HTML标题是通过<h1>-<h6>标签来定义的

例:<h1>这是一个标题</h1>

  1. 、HTML段落:HTML段落是通过<p>标签来定义的

例:<p>这是一个段落</p>

  1. 、HTML链接:HTML链接是通过<a>标签来定义的

例:<a href="https://www.robot.com"这是一个链接</a>

  1. 、HTML图像:HTML图像是通过<img>标签来定义的

例:<img decoding="async"src="/images/logo.png"width="128"width="64"/>

  • HTML元素:

HTML文档由HTML元素定义。

HTML元素语法:

▲ HTML 元素以开始标签起始。

▲ HTML 元素以结束标签终止。

▲ 元素的内容是开始标签与结束标签之间的内容。

▲ 某些 HTML 元素具有空内容(empty content)。

▲ 空元素在开始标签中进行关闭(以开始标签的结束而结束)。

▲ 大多数 HTML 元素可拥有属性。

大多数HTML元素可以嵌套(HTML元素可以包含其他HTML元素)。

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。如:<br>。

  • HTML属性:

属性是HTML元素提供的附加信息。HTML元素可以设置属性;属性可以在元素中添加附加信息;属性一般描述于开始标签;属性总是以名称、值对的形式出现,比如:name = "value"。

相关推荐
m0_7482561411 分钟前
前端 MYTED单篇TED词汇学习功能优化
前端·学习
小白学前端6661 小时前
React Router 深入指南:从入门到进阶
前端·react.js·react
web130933203982 小时前
前端下载后端文件流,文件可以下载,但是打不开,显示“文件已损坏”的问题分析与解决方案
前端
学前端的小朱2 小时前
处理字体图标、js、html及其他资源
开发语言·javascript·webpack·html·打包工具
outstanding木槿2 小时前
react+antd的Table组件编辑单元格
前端·javascript·react.js·前端框架
好名字08212 小时前
前端取Content-Disposition中的filename字段与解码(vue)
前端·javascript·vue.js·前端框架
隐形喷火龙3 小时前
element ui--下拉根据拼音首字母过滤
前端·vue.js·ui
m0_748241123 小时前
Selenium之Web元素定位
前端·selenium·测试工具
风无雨3 小时前
react杂乱笔记(一)
前端·笔记·react.js
前端小魔女3 小时前
2024-我赚到自媒体第一桶金
前端·rust