今天在做项目时,因为需要前端展示,就不得不看了一些基础的HTML点,总结了一些关于标签的知识!
一、HTML文件命名规则:用英文,不用中文
1、.html和.htm;
2.无汉字、无空格、无特殊符号(如标点符号)
3.必须以英文开头,只可以有英文字母、下划线和数字;
4.首页的文件默认命名为:index.html或index.htm;
二、有哪些标签?
通过不同的标签,HTML文档可以包含不同的内容,比如文本,链接,图片,列表,表格,表单等。
三、标签总结
1.文本标题标签
<h1>我是h1</h1>
<h2>我是h1</h2>
<h3>我是h1</h3>
特点:字体加粗、变大;自动换行
作用:用户可以通过标题来快速浏览网页,标题来呈现文档结构是很重要的。一般h1是大标题、h2是小标题….
2.段落标签
<p>段落文本内容</p>
特点:段落与段落之间有段间距
作用:标识一个段落
3.空格符
 
(注:所占位置没有一个确定的值,这与当前字体字号都有关系).
4.强制换行标签
<br />
5.加粗标记
<b>文本</b>
<strong>文本</strong>
6.倾斜标签
<em>文本内容</em>
`<i>文本内容</i>`
7.水平线标签
<hr />
8.列表标签
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表
无序列表
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
......
</ul>
有序列表
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
......
</ol>
自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
......
</dl>
9.插入图片标记
<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" />
10.div的用法
<div id="id名“ class="class名"></div> 文档区域,文档布局对象
span的用法
<span></span>文本结点(某一小段文本,或是某一个字)