前端开发之 三 HTML

前端开发之 三  HTML

HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。

HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。

​ ------引至维基百科

二、发展历程:

HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML 5 2012
XHTML 5 2013

三、常用标签:

标签 描述 <!--...--> 定义注释。

<!DOCTYPE> 定义文档类型。  <a> 设置超文本链接。 <article> 定义文章。

<audio> 定义声音内容。 <b> 定义粗体字。 <body> 定义文档的主体。

<br> 定义简单的折行。 <button> 定义按钮 。 <canvas> 定义图形。

<caption> 定义表格标题。 <center> 定义居中文本。

<code> 定义计算机代码文本。 <col> 定义表格中一个或多个列的属性值。

<colgroup> 定义表格中供格式化的列组。 <datalist> 定义下拉列表。

<dd> 定义定义列表中项目的描述。 <del> 定义被删除文本。 

<div> 定义文档中的节。 <dl> 定义定义列表。 <dt> 定义定义列表中的项目。

<em> 定义强调文本。 <embed> 定义外部交互内容或插件。 <font> 定义文字的字体、尺寸和颜色。

<footer> 定义 section 或 page 的页脚。 <form> 定义供用户输入的 HTML 表单。

<h1> to <h6> 定义 HTML 标题。 <head> 定义关于文档的信息。 <header> 定义 section 或 page 的页眉。

<hr> 定义水平线。 <html> 定义 HTML 文档。 <i> 定义斜体字。 <iframe> 定义内联框架。 <img> 定义图像。

<input> 定义输入控件。 <label> 定义 input 元素的标注。 <li> 定义列表的项目。 <link> 定义文档与外部资源的关系。

<mark> 定义有记号的文本。 <menu> 定义命令的列表或菜单。 <meta> 定义关于 HTML 文档的元信息。

<nav> 定义导航链接。 <object> 定义内嵌对象。 <ol> 定义有序列表。 <option> 定义选择列表中的选项。

<output> 定义输出的一些类型。 <p> 定义段落。 <pre> 定义预格式文本。 <script> 定义客户端脚本。

<section> 定义 section。 <select> 定义选择列表(下拉列表)。 <small> 定义小号文本。 <source> 定义媒介源。

<span> 定义文档中的节。 <strong> 定义强调文本。 <style> 定义文档的样式信息。 <sub> 定义下标文本。

<sup> 定义上标文本。 <table> 定义表格。 <tbody> 定义表格中的主体内容。 <td> 定义表格中的单元。

<textarea> 定义多行的文本输入控件。 <tfoot> 定义表格中的表注内容(脚注)。 <th> 定义表格中的表头单元格。

<thead> 定义表格中的表头内容。 <time> 定义日期/时间。 <title> 定义文档的标题。 <tr> 定义表格中的行。

<ul> 定义无序列表。 <var> 定义文本的变量部分。 <video> 定义视频。

四、元素语法:

  • HTML 元素以开始标签起始

  • HTML 元素以结束标签终止

  • 元素的内容是开始标签与结束标签之间的内容

  • 某些 HTML 元素具有空内容

  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)--<br/>

  • 大多数 HTML 元素可拥有属性

五、总结:

HTML就是一些标签需要记得,多多练习,可以看看菜鸟教材W3C,边看边用慢慢就熟悉了。