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)特殊字符标签:

  • 空格字符:&nbsp;
  • <(小于号):&lt;
  • >(大于号):&gt;
  • 版权符号:&copy;
  • 注册商标:&reg;
  • 摄氏温度:&deg;
  • 加减符号:&plusmn;
  • 乘号:&times;
  • 除号:&divide;
  • 平方:&sup2;
  • 立方:&sup3;
  • 下标:<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基础知识点的主要内容,如果未能解决你的问题,请参考以下文章

前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

PHP基础知识点汇总

Python基础--基于ubuntu linux基础知识点

Html基础知识讲解

python基础知识 04 数学的基础知识

PHP基础知识点汇总