HTML基础知识点
Posted 别Null.了
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML基础知识点相关的知识,希望对你有一定的参考价值。
一、html格式
<html>
<head>
</head>
<body>
内容
</body>
1、<!DOCTYPE html>:表示当前文档是HTML5的文档
2、<title>Document(网页标题)</title>
二、标签分类
1、双标签:即<开始标签> 内容 </结束标签>
2、单标签:即<标签名/>
3、部分标签:
(1)段落标签:<p> 内容 </p> (内容显示出来后会自动换行)
(2)行标签:<span> 内容 </span> (内容显示后不会自动换行)
(3)字体标签:<font face="字形" color="颜色" size="字号"> 内容 </font> (用来设置字体 的字形颜色和字号
(4)换行标签:<br> (属于单标签)
(5)水平分割线标签:<hr color="颜色" width="宽度" size="粗细"/>
(6)标题标签:<hn> 内容 </hn> (n的取值在1-6之间,n越小字体越大,且自动加粗)
(7)文本格式标签:
- 字体加粗:<b> 内容 </b> <strong> 内容 </strong>
- 斜体:<i> 内容 </i> <em> 内容 </em>
- 删除线:<del> 内容 </del>
- 下划线:<ins> 内容 </ins> <u> 内容 </u>
- 高亮显示:<mark> 内容 </mark>
(8)特殊字符标签:
- 空格字符:
- <(小于号):<
- >(大于号):>
- 版权符号:©
- 注册商标:®
- 摄氏温度:°
- 加减符号:±
- 乘号:×
- 除号:÷
- 平方:²
- 立方:³
- 下标:<sub> 下标内容 </sub>
(9)图像标签:<img src="图像全名" alt="提示信息" width="宽度" height="高度"/>
(10)路径:
- 绝对路径:从根目录开始的路径 ----->C:\\Program Files\\Microsoft
- 相对路径:从当前目录开始 '.':表示当前目录 '..':表示当前目录的上一级目录
(11)列表标签:
-
无序列表:各个列表项之间没有顺序,是并列的
<ul type="项目符号的类型">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
其中type的取值:disc:实心圆点(•默认) circle:空心圆圈(○) square:实心方块(▪)
- 有序列表:各个列表项之间有先后顺序
<ol type="项目符号" start="开始值">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
其中type的取值只能是:'A' 'a' 1 'I' 'i' start的取值必须是一个数字
(12)超链接标签:<a href="页面的地址"> 文本或者多媒体 </a>
(13)页面背景:在页面的<body>中设置
<body bgcolor="颜色"> <body background="图像全名">
三、总结
HTML标签种类较多,有部分标签的作用是相同的,在使用过程中应熟记常用的标签功能并准确使用,同时需要注意某种标签是属于单标签还是双标签。
以上是关于HTML基础知识点的主要内容,如果未能解决你的问题,请参考以下文章