HTML简单介绍（我的角度）

时间 2019-11-30

标签 html 简单介绍我的角度栏目 HTML 繁體版

原文原文链接

以前对HTML的理解：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当图片未能正常显示时，用于给用户的提示信息

相关文章

1. HTML简单介绍
2. Html-简单介绍
3. 简单的自我介绍
4. HTML列表简单介绍
5. HTML我的简介
6. Html自我介绍
7. 简单介绍HTML的入门
8. HTML中下拉框的简单介绍
9. 利用html简单自我介绍案例
10. 简单介绍HTML基本结构
更多相关文章...
• 网站主机介绍 - 网站主机教程
• Scala 简介 - Scala教程
• Java Agent入门实战（一）-Instrumentation介绍与使用
• Github 简明教程

相关标签/搜索

Hibernate教程

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<