标签HTML语言的基础理论知识
H TM L语言的基础理论知识
HT ML简述整个htm l是一个文档他由成对和不成对的标签组成标签里还有相应的属性。打个比方一个图书馆就相当于一个网站图书馆里有很多图书组成的而网站是由很多的网页组成的每个图书的基本单位是家庭而每个网页则是由元素构成的家庭中有爸妈就像文档中有成对的标签一样<></>爸妈的下面有许多的孩子就像标签下面也包含了许多的属性一样
图书馆——图书——章节——内容
网站——网页——元素——标签
HTML框架
<html>
<head>
<title>这是一个NLP网站举例(www.hao2068.c om)
</title>
</head>
<body>
</body>
</htn l>
一、 H TML注释
在htm l中注释的语法 <!- -...- ->他不显示在页面中在源代码中以注释标签的方式出现浏览器不予阅读但自己可以添加注释标签 以方便之后对代码的阅读和修改例子
<html>
<body>
<!--这是一段注释注释是不会在页面中显示出来的-->
<p>这里介绍NLP的相关内容</p>
</body>
</htm l>
二、 HTML<!DOCTYPE>标签
HTML<!DOCTYP E>为于文档的最前面在<html>的前面主要作用是向浏览器说明该HTML文档使用的文档类型是没有闭合标签的
三、 H TML标题
HTML标题是用<h1></h1>. .. .. .<h6></h6>这六个成对的标签表示的<h1>显示的标题最大 以此往下 <h6>显示出的标题最小
例子
<html>
<body>
<h1>中国</h1>
<h2>中国</h2>
</body>
</html>
四、 H TML元素
HT M L元素是指从开始标签到结束标签中的所有代码一个htm l文档中包含许多的元素比如:<a href="http://www.baidu.c om">这是一个链接请点击</a>此句“这是一个链接请点击”就是一个元素这样的很多元素就组成了htm l文档除此之外还有没有内容的元素就是空的HT ML元素在HT M L的标签中没有内容称作空元素空元素通常在开始标签中加“/”就是关闭空元素的正确方法如<b r/> 换行、 <hr/> 水平线在HT ML、XML中所有的元素都要关闭
例子
<html>
<body>
<p>看完漂亮的图片后 <b r/>可点击此图片还有更大的惊喜等着你哦</p><hr/></body>
</htm l>
五、 h tml文本格式化
Html可以定义很多经过格式化输出的元素 比如加粗斜体等具体标签见html辅资料1、 2、 3点
例子
<html>
<body>
<abbr title="addres s">add</abbr><br/>
<ac ronym title="World Wide Web">WWW</ac ronym>
<p>在某些浏览器中当您把鼠标移至缩略词语上时 title可用于展示表达的完整版本。</p></body>
</htm l>
六、 H TML属性
HT ML标签可以含有属性属性为标签提供了很多的信息属性是由属性名和属性值组成 属性是在开始标签中定义的 属性值要始终被英文下的双引号包围 如<h1align="right">中国</h 1>这个元素中定义的属性意思就是“中国”这个标题的位置在页面的右边显示
例子
<html>
<body>
<h 1 align="c enter">这是头标题</h 1>
<h2 align="left">这是中标题</h2>
<h3 align="r ight">这是尾标题</h3>
</body>
</htm l>
七、 H TML<p>标签
HT ML段落是用成对标签<p></p>定义的文字位于标签的中间显示在页面中用以表示文字或是图片是否在同一个段落用以分段的
例子
<html>
<body>
<p>这是第一段</p>
<p>这是第二段</p>
<p>段落元素是由P标签定义</p>
</body>
</htm l>
八、 H TML<a>标签
HT ML<a>标签定义的是链接他是通过成对标签<a></a>进行定义的 hr e f属性值是链接的URLuniform resourc e lac句型 <a href="URL">显示出链接的文字或是图片</a>例子
<html>
<body>
<a href="http://www.hao2068.c om">这是中国NLP培训网网站</a>
</body>
</htm l>
<html>
<body>
<p>可以点击此图片你将得到不一样的惊喜啊
<a href="http://www.hao2068.c om/"><img src=http://www.hao2068.c om/images/top.jpg alt=”n lplogo”border="5" /></a>
</p>
</body>
</htm l>
九、 H TML水平线
在HT ML页面中<hr/>的作用是插入水平线可实现内容的分隔不是成对出现的标签位于内容的最后
例子
<html>
<body>
<p>看完漂亮的图片后可点击此图片还有更大的惊喜等着你哦</p><hr/>
</body>
</htm l>
十、 H TML<i mg>标签
在网页中插入图片时图片的路径应该是一级跟着一级往下写从头到尾巴如 <imgsrc="F:/文件名"/>(这种情况是图片就在某一个盘下没有往下的文件夹)
<img src="F:/文件夹名/. . .. ../文件名"/>(这种情况是图片在某一个盘下并且其图片上面还有很多相应的文件夹)
例子
<html>
<body>
<p>这是一幅美丽的图片请欣赏<img src="F:/12.jpg"/></p>
</body>
</htm l>
<html>
<body>
<p>这是一幅美丽的图片请欣赏<img src="F:/1/2/3/12.jpg"w idth="200"height="100"/></p>
</body>
</htm l>
十一、 HTML<img>标签中al t属性
Alt属性是位于img中的一个属性他的作用是当你想要显示的图片因为网速不好、路径不对等多种原因无法显示你的图片时可显示该图片的名称以便读者可以知道自己看不到的图片是什么
例子
<html>
<body>
<p>这是一幅美丽的图片请欣赏<img src="/pics/15.jpg"alt="小雏菊"/></p>
</body>
</htm l>
十二、 H TML页面中添加背景图片
在HT ML里添加背景图片时的语句跟插入图片的语句不一样插入图片的语句是<img src="图片路径"/>而添加背景图片的语句是<body background=' '图片的路径"></body>例子
<html>
<body background="pic s/7.jpg">
<h 1 align="c enter">这是一幅美丽的图片背景请欣赏</h 1>
</body>
</htm l>
十三、页面背景颜色
<body bgcolor="颜色"> 【bgcolor属性值可以是RGB值rgb:(0,0,0)、十六进制数#、颜色名blac k】
例子
<html>
<body bgcolor="green">
<h 1 align="r ight">bkjdehfkdsh</h 1>
</body>
</htm l>
十四、 H TML中文字和图片的排列方式
在HTML中文字位于图片的上方<img src="图片路径"align="top"/>
在HTML中文字位于图片的中间<img src="图片路径"align="middle"/>
在HTML中文字位于图片的下方<img src="图片路径"align="bottom"/>
Bottom是默认的对齐方式 即是下方
例子 效果见HT ML学习中的D I Y
<html>
<body>
<p>这是一幅漂亮的图片<img src="pics/15.jpg"align="top"/></p>
</body>
</htm l>
十五、 H TML中图片浮动在段落的左边或是右边
图片位于段落的右边<p><img src="图片路径"align="r ight"/>一段文字</p>
图片位于段落的左边<p><img src="图片路径"align="left"/>一段文字</p>例子 效果见HT ML学习中的D I Y
<html>
<body>
<p><img src="pic s/15.jpg"align="right"w idth="200"height="120"/>这是一幅漂亮
的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片</p>
</body>
</htm l>
【还有文字可设置在图片的top、middle、 bottom显示】
十六、 HTML链接的targe t属性
在HTML中链接语句中target属性作用是指打开的链接文档将在何处显示命名target语法 <a href="http://www.hao2068.c om/ " target="_blank">NLP培训</a>其中的文字或是
图片是被作为超级链接来显示的 "_b lank"的意思是链接的方向将是以新的窗口形式显示,没有此属性的链接打开时显示在当前的浏览器的窗口有此属性的链接打开是以新的窗口出现之前的窗口仍然可以看见
例子
<html>
<body bgcolor="PowderBlue">
<a href="http://nlp-n lp.haotui.c om">中国NLP培训网论坛</a>
<a href="http://www.hao2068.c om/daoshifengxiang/26.html" target="_b lank">张翔NLP</a></body>
</htm l>
十七、 H TML链接的n ame属性内容足够多才能现在在最上端
在html的<a>链接中还有一个name属性他的书写语法 <a name="锚的名称">文本等</a>他的作用是命名了一个锚锚的作用就是相当于一本书的书签当一个网页有很多内容的时候你想赶快寻找你想了解的内容时此时的锚就起到把你带到你想赶快知道的那个地方去锚的名称是由自己取的根据自己的喜好光有锚的名称是不行的还要有链接锚的链接才能真正实现锚的作用这就是链接锚的链接语法 <a href="#锚的名称">文本等</a>锚的链接在文档的上部定义
例子创建指向本网页的锚
<html>
<body>
<p><a href="#7">所能看到空间111</a></p>
<h 2>kkkkk</h 2>
<p>ffffffffff</p>
<h2><a name="7">111</h2>ffffffffffs afdefdgfdgfdhgdfshgdfbdvgdrtgerffffffffff
<h 2>kkkkk</h 2>
<p>ffffffffff</p>
</body>
</htm l>
十八、 H TML的电子邮箱链接
在网页中创建电子邮箱的链接前提是机子有安装邮箱客户端程序软件才可以他的语法跟链接的基本语法一样不一样的地方是链接要填写的内容其中用%20表示空格例子
<html>
<body>
<p>此处是邮箱链接处 <a href="mailto:王丽?cc=某&bcc=人&subject=七夕快乐&body=不想让你伤心却总在不知觉间伤了你;不想让你流泪却总在悄然间让你垂泪。你的泪光让我心慌我的悲伤让我心疼。亲爱的原谅我我会加倍疼惜你!">邮箱链接
</a></p>
</body>
</htm l>
十九、 H TML表格、边框、表头、空表格的相关属性
在HT ML中用<table></tab le>这样的一对标签来定义表格用<tr></tr>来定义表格的行用<td></td>来定义表格单元表格的内容可以使文本、 图片、表格、水平线、段落、表单、列表边框的大小仍然由border属性定义在表格的开始标签中定义表格的表头由<th></th>一对标签定义空的单元格如果没有内容显示则单元格的边框不显示为了显示没有内容的单元格的边框可在空的单元格里添加空格占位符“&nb s p;”此处的分号是英文下的格式。
例子
<html>
<body>
<table border="1">
<tr>
<th>名称</th>
<th>格式</th>
</tr>
<tr>
<td><table border="1"><tr><td>小小鸟</td><td>小小鸟</td></tr></table></td>
<td>1,2</td>
</tr>
<tr>
<td>1,2</td>
<td> </td>
</tr>
</table>
</body>
</htm l>
二十、 H TML表格相连标签、属性
在HT ML的表格中还有很多有关表格的详细操作 比如跨行、跨列、表格的标题等
① html的表格中跨行和跨列的属性用rowspan和c olspan定义 即是合并几行或是几列显示一个信息合并单元格跨行和跨列的语法可以在<th>标签里添加也可以在<t d>标签里添加记得不能在<tr>标签里添加 <th>标签里添加可实现居中如果想在<t d>也实现的话可输入align属性即可 同时跨行或是跨列可在很多单元格里实现操作注意的是如果想是跨行的操作 rowspan属性要写在实现跨行的第一个<td>标签里
② 在html的表格中c ellpadding属性意思是表格的边框与内容的距离 即是文字离边框的边距文字所占据的大小没变变的是表格大小 c ellspac ing属性意思的是单元格与单元格之间的间距
③ 在html的表格中还有表格的标题标签 <c aption></c aption>这样的一对标签即是位于<table>开始标签的下面
④ 在html的表格中frame属性的意思是如何显示边框属性值有 b ox 显示所有的边框、 above(显示上边框)、 below(显示下边框)、 hsides(显示上下边框)、 vsides(显示左右边框)
例子
<html>
<body>
<table border="1"cellpadding="10"frame="above">
<caption>表格的标题</caption>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td rowspan="2"bgcolor="ff00ba">987</td>
<td></td>
</tr>
<tr>
<td></td>
<td rowspan="2">555h</td>
</tr>
<tr>
<td colspan="2"background="pic s/15.jpg"></td>
</tr>
</table>
</body>
</html>
二十一、 HTML<colgroup>标签
在HT ML表格中有一个标签的作用是实现整列整列单元格的各种格式的变化不需要对一个一个单元格进行操作了这个标签就是<colgroup></colgroup>,这个标签只有在table元素中使用其中span是定义跨多少列的属性
例子
<html>
<body>
<table width="100%"border="1">
<colgroup span="1"align="center"></colgroup>
<colgroup span="1"align="right" style="color:abcdef"></colgroup>
<colgroup align="left" style="color:adfbce"></colgroup>
<tr>
<th>I S BN</th>
<th>T itle</th>
<th>Pric e</th>
</tr>
<tr>
<td>dsfd</td>
<td>rew ewgv</td>
<td>we4324</td>
</tr>
<tr>
<td>dsfd</td>
<td>rew ewgv</td>
<td>we4324</td>
</tr>
</table>
</body>
</htm l>
二十二、 H TML有序列表、无序列表
HT ML列表是一些项目的列表这些项目的列表可以是有序的也可以是无序的因此有序的项目列表用<ol></ol>成对标签定义项目的前面是数字进行标记无序的项目列表用<ul></ul>定义项目用的是小黑点标记其中的项目用<li></li>进行定义 同时项目不仅可以使文本也可以是段落、 图片、换行符、链接、列表等等
例子1 有序列表
<html>
<body>
<ol>
<li>咖啡</li>
<li>巧克力</li>
<li>面包</li>
</ol>
</body>
</htm l>
例子2 无序列表
<html>
<body>
<ul>
<li>咖啡</li>
<li>巧克力</li>
<li>面包</li>
</ul>
</body>
</htm l>
- 标签HTML语言的基础理论知识相关文档
- 标记HTML语言与网页设计模拟题(部分)
- 语言实验二 HTML语言应用
- 语言实验二HTML语言应用上课讲义
- 标示HTML语言简易入门教程
- 管理学院网页设计实训综合报告html语言
- 高考HTML语言入门
提速啦(24元/月）河南BGP云服务器活动 买一年送一年4核 4G 5M
提速啦的来历提速啦是 网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑 由赣州王成璟网络科技有限公司旗下赣州提速啦网络科技有限公司运营 投资1000万人民币 在美国Cera 香港CTG 香港Cera 国内 杭州 宿迁 浙江 赣州 南昌 大连 辽宁 扬州 等地区建立数据中心 正规持有IDC ISP CDN 云牌照 公司。公司购买产品支持3天内退款 超过3天步退款政策。提速啦的市场定位提速啦主...
阿里云香港 16核32G 20M 999元/月
阿里云香港配置图提速啦是成立于2012年的十分老牌的一个商家这次给大家评测的是 阿里云香港 16核32G 20M 这款产品，单单说价格上就是十分的离谱原价8631元/月的现价只要 999元 而且还有个8折循环优惠。废话不多说直接进入正题。优惠时间 2021年8月20日-2021年9月20日 优惠码 wn789 8折优惠阿里云香港BGP专线 16核32G 10M带宽 优惠购买 399元购买链接阿里云...
RackNerd($199/月),5IP,1x256G SSD+2x3THDD
我们先普及一下常识吧，每年9月的第一个星期一是美国劳工节。于是，有一些服务商会基于这些节日推出吸引用户的促销活动，比如RackNerd有推出四款洛杉矶和犹他州独立服务器，1G带宽、5个独立IP地址，可以配置Windows和Linux系统，如果有需要独立服务器的可以看看。第一、劳工节促销套餐这里有提供2个套餐。两个方案是选择犹他州的，有2个方案是可以选择洛杉矶机房的。CPU内存SSD硬盘配置流量价格...
-
u盘无法读取U盘为什么不能显示伪装微信地理位置什么软件可以伪装QQ微信的地理位置？yy频道中心yy频道怎么进频道中心，求图~！快速美白好方法快速美白的好点子！？(不是晒黑的)手机区号手机电话号码开头95共15位号码是什么手机号码?彩信中心短信中心号码是多少硬盘人什么叫“软盘人”和“硬盘人”？网页打开很慢为什么我打开浏览器的时候，网页打开的很慢？srv记录如何解析一个SRV域名的ip发邮件怎么发怎么发邮箱