HTML的基本标签定义

爱好HtmlCssJs 2020-04-21

###本来是在学Django的,但过程中遇到了大量的HTML知识,无奈至极,只能来先学习下HTML,特此通过此博客来见证学习的过程

1、什么是HTML

    HTML是一种语言,专门用来描述网页的  

    HTML 指的是超文本标记语言: HyperText Markup Language

    HTML 不是一种编程语言,而是一种标记语言

    标记语言是一套标记标签 (markup tag)

    HTML 使用标记标签来描述网页

    HTML 文档包含了HTML 标签文本内容

    HTML文档也叫做 web 页面

2、实例解析

  <!DOCTYPE html>  声明为HTML5文档

  <html>       元素是HTML页面根元素

  <head>       元素包含了文档的元数据(meta),如<meta charset=‘utf-8‘>定义网页编码格式为uft-8

  <title>      元素描述了文档的标题

  <body>       元素包含了页面可见的页面内容

  <h1>        元素定义的大标题

  <p>        元素定义一个段落

3、HTML标签

  HTML标签由尖括号包围的关键词,比如<h1>

  HTML标签通常是成对出现的,比如<h1>、</h1>

  成对的标签第一个表示开始标签,后一个表示结束标签,也被称为开放标签和

 

4、HTML标题

  HTML标题是通过<h1>-<h6>标签来定义的,<h1>最大,<h6>最小

  实例:

    HTML的基本标签定义

   运行结果:

    HTML的基本标签定义

5、HTML段落

  HTML段落是通过<p>来定义的

6、HTML链接

  HTML链接是通过<a>来定义的

  实例:<a href="http://www.cnblogs.com/xwxxh" >博客园地址</a>

7、HTML图像

  HTML图像是通过<image>来定义的

  实例:<image src="https://www.runoob.com/images/logo.png",width="258",height="39"/>

8、HTML换行

  HTML换行是通过<br>来定义的

9、HTML属性

  class:为HTML元素定义一个或多个类名(classname)

  id:定义元素唯一id

  style:规定元素行内样式

  title:描述元素额外信息(作为工具条使用)

10、HTML水平线

  <hr>标签在HTML页面中创建水平线

11、HTML注释

  语法:<!--注释内容-->

12、HTML文本格式化标签

  <b>     定义粗体文本

  <em>     定义着重文字

  <i>     定义斜体文本

  <small>   定义小号字

  <strong>  定义加重语气

  <sub>    定义下标字

  <ins>    定义插入字

  <del>    定义删除字

13、HTML‘计算机输出’标签

  <code>     定义计算机代码

  <kbd>     定义键盘码

  <samp>     定义计算机代码样本

  <var>     定义变量

  <pre>     定义预格式文本

14、HTML引文、引用,及标签定义

  <abbr>      定义缩写

  <address>    定义地址

  <bdo>      定义文字方向

  <blockquote>  定义长的引用

  <q>       定义短的引用

  <cite>     定义引用、引证

  <dfn>     定义一个定义项目

相关推荐