标签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语言入门
pacificrack：$12/年-1G内存/1核/20gSSD/500g流量/1Gbps带宽
pacificrack在最新的7月促销里面增加了2个更加便宜的，一个月付1.5美元，一个年付12美元，带宽都是1Gbps。整个系列都是PR-M，也就是魔方的后台管理。2G内存起步的支持Windows 7、10、Server 2003\2008\2012\2016\2019以及常规版本的Linux！官方网站：https://pacificrack.com支持PayPal、支付宝等方式付款7月秒杀VP...
Webhosting24：$1.48/月起，日本东京NTT直连/AMD Ryzen 高性能VPS/美国洛杉矶5950X平台大流量VPS/1Gbps端口/
Webhosting24宣布自7月1日起开始对日本机房的VPS进行NVMe和流量大升级，几乎是翻倍了硬盘和流量，价格依旧不变。目前来看，日本VPS国内过去走的是NTT直连，服务器托管机房应该是CDN77*（也就是datapacket.com），加上高性能平台（AMD Ryzen 9 3900X+NVMe），还是有相当大的性价比的。此外在6月30日，又新增了洛杉矶机房，CPU为AMD Ryzen 9...
Hostodo：$34.99/年KVM-2.5GB/25G NVMe/8TB/3个数据中心
Hostodo在九月份又发布了两款特别套餐，开设在美国拉斯维加斯、迈阿密和斯波坎机房，基于KVM架构，采用NVMe SSD高性能磁盘，最低1.5GB内存8TB月流量套餐年付34.99美元起。Hostodo是一家成立于2014年的国外VPS主机商，主打低价VPS套餐且年付为主，基于OpenVZ和KVM架构，美国三个地区机房，支持支付宝或者PayPal、加密货币等付款。下面列出这两款主机配置信息。CP...
-
在线代理网站最好的免费在线代理网站有哪些~急！数码资源网安卓有没有可以离线刷题的软件？网易公开课怎么下载如何下载网易公开课硬盘人电脑对人有多大辐射？迅雷云点播账号求一个迅雷云点播vip的账号，只是看的，绝不动任何手脚。系统分析员考系统分析员有什么好处？服务器连接异常手机WIFI检查显示主服务器连接异常，怎么办怎样申请支付宝怎么申请支付宝请客网飞宴网是做什么的怎么把网页的字变大如何将页面的字变大