网络基础知识 html
发布时间:2021-06-07
发布时间:2021-06-07
五 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”>
下一篇:第2章嵌入式系统的设计方法