HTML基础2019-1-21

激光雕刻机 | 2021-06-25
本文摘要:1.1 HTML简介1.1.2 什么是HTML?HTML 是用来形貌网页的一种语言。

55体育

1.1 HTML简介1.1.2 什么是HTML?HTML 是用来形貌网页的一种语言。l HTML 指的是超文本标志语言: Hyper Text Markup Languagel HTML 不是一种编程语言,而是一种标志语言l 标志语言是一套标志标签 (markup tag)l HTML 使用标志标签来形貌网页l HTML 文档包罗了HTML 标签及文本内容l HTML文档也叫做 web 页面实例<!DOCTYPE html><html><body><h1>我的第一个标题</h1><p>我的第一个段落。

</p></body></html>实例剖析l DOCTYPE 声明晰文档类型l 位于标签 <html> 与 </html> 形貌了文档类型l 位于标签 <body> 与 </body> 为可视化网页内容l 位于标签 <h1> 与 </h1> 作为一个标题使用l 位于标签 <p> 与 </p> 作为一个段落显示l <!DOCTYPE html> 在HTML5中也是形貌了文档类型。1.1.3 HTML 标签HTML 标志标签通常被称为 HTML 标签 (HTML tag)。l HTML 标签是由尖括号困绕的关键词,好比 <html>l HTML 标签通常是成对泛起的,好比 <b> 和 </b>l 标签对中的第一个标签是开始标签,第二个标签是竣事标签“/”l 开始和竣事标签也被称为开放标签和闭合标签<标签>内容</标签>1.1.4 HTML 元素"HTML 标签" and "HTML 元素" 通常都是形貌同样的意思.可是严格来讲, 一个 HTML 元素包罗了开始标签与竣事标签,如下实例:HTML 元素:<p>This is a paragraph.</p>1.1.5 Web 浏览器Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari,Chrome)是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示的HTML标签,但可以使用标签来决议如何展现HTML页面的内容给用户:1.1.6 HTML 网页结构下面是一个可视化的HTML页面结构:1.1.7 HTML版本从初期的网络降生后,已经泛起了许多HTML版本:.1.8 <!DOCTYPE> 声明<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有许多差别的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。doctype 声明是不区分巨细写的,以下方式均可:<!DOCTYPE html><!DOCTYPE HTML><!doctype html><!Doctype Html>常见的 DOCTYPE 声明u HTML 5<!DOCTYPE html>u HTML 4.01 Strict这个 DTD 包罗所有 HTML 元素和属性,但不包罗表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">u HTML 4.01 Transitional这个 DTD 包罗所有 HTML 元素和属性,包罗表象或过时的元素(如 font )。框架集是不允许的。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">u HTML 4.01 Frameset这个 DTD 与 HTML 4.01 Transitional 相同,可是允许使用框架集内容。

55体育

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">u XHTML 1.0 Strict这个 DTD 包罗所有 HTML 元素和属性,但不包罗表象或过时的元素(如 font )。框架集是不允许的。结构必须按尺度花样的 XML 举行书写。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">u XHTML 1.0 Transitional这个 DTD 包罗所有 HTML 元素和属性,包罗表象或过时的元素(如 font )。框架集是不允许的。结构必须按尺度花样的 XML 举行书写。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">u XHTML 1.0 Frameset这个 DTD 与 XHTML 1.0 Transitional 相同,可是允许使用框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">u XHTML 1.1这个 DTD 与 XHTML 1.0 Strict 相同,可是允许添加模块(例如为东亚语言提供 ruby 支持)。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">1.1 HTML基础1.1.1 标题<h1…h6>HTML 标题(Heading)是通过<h1> - <h6> 标签来界说的.h是英文header标题的缩写,标题无处不在,它的应用规模十分广泛:网站结构、写作文、PPT等。h1是主标题,h2是副标题,h3、h4、h5、h6依次递减字体的巨细。实例:1.1.1 段落<p>HTML 段落是通过标签 <p> 来界说的,P是英文paragraph段落的缩写,经常被用来建立一个段落,就和你写作文一样。

1.1.1 链接<a>HTML 链接是通过标签 <a> 来界说的.a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功效,也可以链接到当前页面的某部门实现内部导航功效。在 href 属性中指定链接的地址。使用target属性,可以界说被链接的文档在那边打开,target=“_blank”会在新窗口打开文档。

<a href="http://www.edu360.cn/" target="_blank">这是一个链接!</a>1.1.1 图像<img>HTML 图像是通过标签 <img> 来界说的。使用img元素来为你的网站添加图片,使用src属性指向一个图片的详细地址。

举例:<img src="https://www.your-image-source.com/your-image.jpg">注意:img元素是自关闭元素,不需要竣事标志。图像的名称和尺寸是以属性的形式提供的。

1.1.1 水平线<hr><hr> 标签界说 HTML 页面中的主题变化(好比话题的转移),并显示为一条水平线。1.1.2 折行<br/>元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有竣事标签。

1.2.7 文本花样化HTML 使用标签<b> 与<i> 对输出的文本举行花样, 如:粗体 or 斜体通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。1.1.1 表格表格由<table>标签来界说。

55体育

每个表格均有若干行(由<tr> 标签界说),每行被支解为若干单元格(由<td>标签界说)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包罗文本、图片、列表、段落、表单、水平线、表格等等。

55体育

如果不界说边框属性,表格将不显示边框。有时这很有用,可是大多数时候,我们希望显示边框。

使用边框属性来显示一个带有边框的表格:表格的表头使用th标签举行界说。大多数浏览器会把表头显示为粗体居中的文本:行合并和列合并:1.1.1 列表HTML 支持有序、无序和界说列表:未完待续。


本文关键词:55体育

本文来源:55体育-www.densoo2.com