HTML简单介绍（个人角度）

之前对HTML的理解：HTML主要是标签组成，一对标签组成一个位置，在响应的位置内填写对应的内容。

1.编译工具

2.HTML是什么

  •   不区分大小写，建议小写

  •   标签是成对出现的（大部分）

  •   通过标签来标记数据，不同的数据使用不同的标签

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元素

指的是从开始标签（start tag）到结束标签（end tag）的所有代码
<title>Title</title><!--Title-->

HTML属性与值

<html lang="en"><!--lang是HTML的属性，en是lang属性的值-->
</html>
    • 属性必须位于开始标签里
    • 一个元素的属性可能不止一个，多个属性之间用空格隔开
    • 多个属性之间不区分先后顺序
    • 属性和属性的值之间用等号链接
    • 属性的值包含在引号当中
    • 属性总是以名称/值对的形式出现

常用标签

<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当图片未能正常显示时，用于给用户的提示信息

posted on 2019-11-30 21:39  飓风肆虐的青春  阅读(352)  评论(0)  编辑  收藏  举报

导航