HTML基本知识及重要标签的应用

html学习目录

    • HTML基本知识点
      • html是什么?
      • html格式
      • html常用标签
      • 重要标签的用法
        • 一.html5的文档声明
        • 二.实体
        • 三 . img标签
        • 四.mate标签
        • 五.联系我们的实现

HTML基本知识点

html是什么?

  HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

html格式



	
		
		网页
	
	
		

HTML

html常用标签

今天看了看html文档,就把用得到的标签筛选出来,功能其实也记在心里了。厕所复习法,上个厕所就看完了。

标签 描述
< !–…--> 定义注释。
定义文档类型。
< a > 定义超链接。
< b > 定义粗体文本。
< blockquote > 定义长的引用。
< body > 定义 body 元素。
< br > 插入换行符。
< button > 定义按钮。
< caption > 定义表格标题。
< cite > 定义引用。
< code > 定义计算机代码文本。
< del > 定义删除文本。
< div > 定义文档中的一个部分。
< dl > 定义定义列表。
< em > 定义强调文本。
< footer > 定义 section 或 page 的页脚。
< header > 定义 section 或 page 的页眉。
< form > 定义表单。
< h1 > to < h6 > 定义标题 1 到标题 6。
< head > 定义关于文档的信息。
< hr > 定义水平线。
< html > 定义 html 文档。
< i > 定义斜体文本。
< iframe > 定义行内的子窗口(框架)。
< img > 定义图片。
< input > 定义输入域。
< label > 定义表单控件的标注。
< legend > 定义 fieldset 中的标题。
< li > 定义列表的项目。
< link > 定义资源引用。(css)
< meta > 定义元信息。
< ol > 定义有序列表。
< optgroup > 定义选项组。
< option > 定义下拉列表中的选项。
< p > 定义段落。
< pre > 定义预格式化文本。
< script > 定义脚本。
< select > 定义可选列表。
< small > 定义小号文本。
< span > 定义文档中的 section。
< strong > 定义强调文本。
< style > 定义样式定义。
< sub > 定义上标文本。
< sup > 定义下标文本。
< table > 定义表格。
< tbody > 定义表格的主体。
< td > 定义表格单元。
< textarea > 定义 textarea。
< tfoot > 定义表格的脚注。
< th > 定义表头。
< thead > 定义表头。
< title > 定义文档的标题。
< tr > 定义表格行。
< ul > 定义无序列表。
< video > 定义视频。

重要标签的用法

一.html5的文档声明

  < !DOCTYPE html>--------文档声明的网页是按照html5标准来编写的,编写网页时一定要将h5的文档声明写在网页的最上边。
 如果不写的话,会导致有些浏览器进入一种怪异模式,当进入怪异模式之后,浏览器解析页面会导致页面无法正常的显示,未来避免进入该模式,必须写文档声明。

二.实体

  在html中,一些特殊的字符,比如:< ,>以及空格等字符都是不能直接使用的,此时需要一些特殊的符号来表示这些特殊字符,这些特殊的符号被称为实体。
实体的语法:&实体的名字;
例如:

符号 实体
< < ;
> > ;
空格   ;
版权符号(©) © ;

三 . img标签

   用< img src="">的时候,图片的选择格式有三种:JPG,GIF,PNG
三者的区别:
(1)JPG(JPEG):JPG图片支持的颜色比较多,图片可以进行压缩,但是不支持透明。
    --------一般用来保存照片等颜色比较丰富的图片。
(2)GIF(JPEG):GIF图片支持的颜色少,只支持简单的透明(矩形,不支持圆形),支持动态图。
    --------颜色单一的图片或是动态图可以使用GIF。
(3)PNG:PNG图片支持的颜色多,并且支持复杂透明的图片。
    --------可以用来显示颜色复杂并且透明的图片。
  图片的使用原则:
效果不一致,使用效果好的。效果一致,使用存储小的。

四.mate标签

(1)使用mate标签,可以用来设置网页的关键字。
< mate name=“keywords” content=“HTML5,前端,JavaScript”/>

(2)可以用来设置网页的描述。
< mate name=“description” content=“html的相关网页”/>

(3)可以用来做请求的重定向
< mate http-equiv=“refresh” " content=“秒数;目标路径”/>
< mate http-equiv=“refresh” " content=“5;url-http://www.baidu.com”/>(5秒后跳转到百度)

五.联系我们的实现

  发送电子邮件的超链接,点击链接以后可以自动打开计算机中的默认有邮件客户端:
< a href="mailto:邮件地址">
对于html,我感觉了解这么多差不多了,如果有不会的,帮助文档可以解决。


 楠哥-------一个一心想为IT行业添砖加瓦,却总是面向cv编程的程序员。
   谢谢阅读,无误点赞,有误评论区指正。


你可能感兴趣的:(html)