小测试的HTML介绍（个人角度）
程序员文章站
2022-06-06 19:57:40
...
之前对HTML的理解：HTML主要是标签组成，一对标签组成一个位置，在响应的位置内填写对应的内容。
1.编译工具
- HTML需要编译工具？txt文档改后缀双击运行。
- 了解前端了一下前端，然后发现自己之前用的工具IDEA就可以，写Java，Python，现在还能写前端，美滋滋。。。
2.HTML是什么
- 官方名字：超文本标记语言（HyperText Mark-up Language ），超文本：带有超链接的文本，标记：使用标签在网页上标记资源的位置
- 作用：用来设计网页的标记语言
- 文件后缀 .html或 .htm为后缀
- 执行方式：由浏览器解释执行
- 经验：
-
不区分大小写，建议小写 -
标签是成对出现的（大部分） -
通过标签来标记数据，不同的数据使用不同的标签
HTML示例
HTML中代码的注释：<!--注释内容-->
<!DOCTYPE html>
<html lang="en"><!--HTML的开始-->
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
HTML标签
上面代码中的：
<html></html>
<head></head>
<title></title>
<body></body>
- HTML用于描述功能的符号成为“标签”
- 标签都封装在一对尖括号“<…>”之中,如就是一个标签
- 封闭类型标记（也叫双标记），必须成对出现,如
-
非封闭类型标记，也叫作空标记，或者单标记，如
HTML元素
指的是从开始标签（start tag）到结束标签（end tag）的所有代码
<title>Title</title><!--Title-->
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
HTML属性与值
<html lang="en"><!--lang是HTML的属性，en是lang属性的值-->
</html>
-
1.属性是用来修饰元素的
- 属性必须位于开始标签里
- 一个元素的属性可能不止一个，多个属性之间用空格隔开
- 多个属性之间不区分先后顺序
-
2.每个属性都有值
- 属性和属性的值之间用等号链接
- 属性的值包含在引号当中
- 属性总是以名称/值对的形式出现
常用标签
<p></p><!--段落标签-->
<h1></h1><!--段落标签（h1表示第一段落 一般是h1到h6）-->
</br><!--换行标签-->
<hr/><!--水平线标签-->
<span></span><!--无语义标签-->
<img></img>
1.使用<img>元素将图像添加到页面
2.必须属性：src（存储图像的位置）
3.常用属性：width，height，alt，title
<img src="URL" width="300" alt=”替换文本属性”/>
title定义了鼠标经过图片时显示的内容，搜索引擎抓取图片时，是根据title定义的内容来分析图片是什么的
alt当图片未能正常显示时，用于给用户的提示信息
上一篇： 关于CI的一个有关问题
下一篇： Vue前后端交互