网络基础知识 html

更新时间:2023-08-15 06:57:01 阅读量: 人文社科 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

五 HTML语言

五 HTML语言 HTML --Hypertext Markup Language超级文本标记语言 (一)要点:1 所有的代码都用“<>”来引起来 2 在英文状态下输入 3 都用小写 4 绝大多数的代码都有自己的属性 例:<body bgcolore=“gray” text=“#000000”> <\body> 。 同一个元素的多个属性没有先后顺序。 5 标签属性的值用“”括起 6 标签的属性和属性之间用空格相隔 7 html代码都遵循编程统一的缩进格式 便于修改,判断

五 HTML语言

8.在HTML中的标签有双标签和单标签之分 9.所有标签必须在英文输入状态下(半角)输入 如: <p> </p> <hr>

例如 :<p>世界的角落</p>

五 HTML语言 (二)标签的使用和定义: 1 、HTML 文档中都有一个基本构成格式

五 HTML语言在这个HTML文档中 <html></html>表示声明HTML网页的开始及结束 (不显示) 是html文件的根元素 <head></head>声明HTML网页文件的页头的开始与结束 (不 显示) <body></body>声明HTML网页文件的主体的开始与结束 (大 部分显示)

五 HTML语言 <body> <body></body>标签的几个主要属性 background=“**.jpg” ----页面的背景图片 Bgcolor=“blue”/”#ff0000”----页面的背景色 text=“颜色值” ----文件文字的颜色 Link=“颜色值” ----超链接的颜色 Vlink=“颜色值” ----已浏览的超级链接的颜色 topmargin=““ ---顶部边界 Leftmargin=“” ----左边边界 例如:<body bgcolor=“#c0c0c0” background=“bg1.png”>

五 HTML语言

例如: <body bgcolor=“#c0c0c0” … … … … </body> background=“bg1.png”>

五 HTML语言

.. <h1>~<h6>标题级别元素 属性 :align=“right/left/center”

<div></div> 通用区块元素,可以放置其它元素的盒子 , 进行布局的工具 属性 :align=“right/center”

五 HTML语言

五 HTML语言

编写一个简单的HTML文档

要求:背景图片页面文本颜色

<html> <head>世界<title>生活的艺术</title> </head> <body background="back.jpg" text="blue" >生活的 艺术生活的艺术生活的艺术 </body> </html>

五 HTML语言

2. <br>

----

强制换行

例:<body>考察的日子一路走来,伴随着困乏的是好奇与<br >感动,倒也不显得太过在意感官上的苦处了,凉爽的承载着智慧的坎儿井

</body>

五 HTML语言

3. <nobr></nobr>

----

不换行

例:<body>考察的日子一路走来,伴随着困乏的是好奇与感动,倒也不显得太过在意感官上的苦处了,凉爽的承载着<nobr>智慧的坎儿井

</body>

五 HTML语言

<pre> </pre> <del></del>

---------

预格式化文本 删除线文本

五 HTML语言

4. <hr> ----- 插入一条水平线

(单标签)

属性:width=“80%”(也可以用像素500px) size=“20%” color=“red”/”ff0000” align=“left/right/center”例: <hr width=“800px” color=“gray” align=“center”>

五 HTML语言

5. <p></p> -----段落元素

属性:align=“left/right/center”

五 HTML语言

同学们对上面讲的这几种标签进行练习

五 HTML语言

6. <center></center> --- 网页内容居中 7.<bdo></bdo>

--- 改变文字的方向 属性 :dir=“ltr/rtl”

8.<font> ---设定网页文字的基本格式 属性:size=“5” face=“times new roman” color=“black”

五 HTML语言

9. <b></b> 和<strong></strong> -----文字加粗显示坎儿井,是一个比较生僻的词,它的出现仰仗的是<b>干燥少雨</b>的 气候条、有利的<strong>地理形态</strong>及人类的智慧。坎儿井这 种取水方式有着悠久的

10.<i></i>和<em></em>

-----文字斜体显示

11.<big></big>和<small></small>

-----文字呈放大和缩小显示

五 HTML语言

17.<a></a> ----链接标签 需要搭配”href”一起使用产生链接作用 Href=“”表示一个链接的地址 <a> href target(打开在哪里) title(标题)

target=“self/_blank”(演示)

五 HTML语言

12. <sub></sub> 和<sup></sup> ---文字显上标显示和下标显示 例:<body>H<sub>2</sub>O </body> 13.<i></i>和<em></em> -----文字斜体显示 14.<big></big>和<small></small>

-----文字呈放大和缩小显示

五 HTML语言

18.<img> ---插入一张图片 需要搭配“src”(表示这图片的路径) 例如:

<img src=“wang.jpg” border=“56” Align=“center” width=“100” height=“80”>

本文来源:https://www.bwwdw.com/article/n75j.html

Top