欢迎光临散文网 会员登陆 & 注册

HTML学习

2022-09-15 14:19 作者:-遮瑕-  | 我要投稿

(一)语言基本性质

HTML(HyperText Markup Language,超文本标记语言)是解释型语言,它不是编程语言,是一种标记语言,HTML文档也被称为网页。

 

图 一-1 完整HTML页面内容


(二)基础语法

HTML标题(Heading)通过从<h1> - <h6>的标签来定义:

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

HTML链接是通过<a>定义:

HTML图像是通过<img>定义:

(三)HTML标题

注意:浏览器会使用标签建立检索,所以应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

HTML分割线:

HTML注释:

(四)HTML段落

对当前段落进行换行:

(五)HTML文本格式

注意:常用<strong>代替<b>、<em>代替<i>。<b><i>用于修改字体,<strong><em>代表要呈现的文本是重要的,所以要突出显示。

1.HTML文本格式化

2.HTML“计算机输出”标签

注意:这里主要用于定义计算机代码文本,为展现不同字样,最好使用CSS。

<code>定义计算机代码

<kbd>定义键盘码

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

<var>定义变量

<pre>定义预格式文本(可以完整展现其内的空格、换行等文本格式)

3.HTML引文、引用、超链接

定义缩写:

使用后可以自动缩写为WHO,当鼠标放上时会显示完整内容。

定义地址:

<address> 标签定义文档作者/所有者的联系信息。

如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息。

如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。

<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

定义文字方向:

定义长的引用:

一般会将整体文字集体退格。

定义短的引用:

定义作品(比如书、歌、电影、电视节目、绘画、雕塑等等)标题(人名不属于作品标题):

定义项目:

(六)HTML布局

1.<div>

<div>可以绘制出一个指定颜色、大小的色块。

2.<table>

<table>用于制表,可以用于排版,但是最好使用<div>进行排版。因为table出来是表格的形式,并不是自由的布局,所以最好还是用div进行布局。


HTML学习的评论 (共 条)

分享到微博请遵守国家法律