HTML详解连载（1）-Toy模板网

这篇具有很好参考价值的文章主要介绍了HTML详解连载（1）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Hyper TextMarkup Language。
HTML详解连载（1）,html,前端

超文本是链接
标记也叫标签，带尖括号的文本

<strong> 需要加粗的文字 </strong>
<strong>--开始标签
</strong>--结束标签

标签成对出现，中间包裹内容
<>里面放英文字母(标签名)
结束标签比开始标签多/

双标签：成对出现的标签
单标签：只有开始标签，没有结束标签
<br>:换行
<hr>:水平线

	<html>
	  <head>
	<title>网页标题</title>	
	</head>
	  <body>
	   		网页主体内容
      </body>
	</html>

HTML详解连载（1）,html,前端

html:整个网页
head:网页头部，用来存放给浏览器看的信息，例如CSS
title:网页标题
body:网页主体，用来存放给用户看的信息，例如图片，文字

在HTML文件(.html)中，!(英文)配合Enter/Tab

作用：明确标签的书写位置，让代码格式更整齐

	<html>
	    	  <head></head>
	</html>

<head></head>
<body></body>

父子关系：子集标签换行且缩进
兄弟关系：兄弟标签换行要对齐

注释中...是注释内容

快捷键: Ctrl + /

HTML详解连载（1）,html,前端

一般用在新闻标题、文章标题、网页区域名称、产品名称等等。

显示特点：文字加粗、字号逐渐减小、独占一行（换行）

h1标签再一个网页中只能用一次，用来放新闻标题或者网页的logo
h2-h6没有使用的限制

一般用在新闻段落，文章段落，产品描述信息等。

  换行<br>(单标签)
  水平线<hr>(单标签)

为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等

  效果		标签名1		标签名2
  加粗		strong		b
  倾斜		em			i
  下划线	ins			u
  删除线	del			s

strong em ins del标签自带强调含义（语义）。
HTML详解连载（1）,html,前端

作用：在网页中插入图片

<img src=”图片的URL”>

src用于指定图像的位置和名称，是的必须属性。