HTML语言的基础理论知识

HTML语言的基础理论知识HTML简述：整个html是一个文档，他由成对和不成对的标签组成，标签里还有相应的属性。打个比方：一个图书馆就相当于一个网站，图书馆里有很多图书组成的，而网站是由很多的网页组成的，每个图书的基本单位是家庭，而每个网页则是由元素构成的，家庭中有爸妈，就像文档中有成对的标签一样/，爸妈的下面有许多的孩子，就像标签下面也包含了许多的属性一样图书馆——图书——章节——内容网站——网页——元素——标签HTML框架：htmlheadtitle这是一个NLP网站举例()/title/headbody/body/htnl一、HTML注释在html中注释的语法：!--...--，他不显示在页面中，在源代码中以注释标签的方式出现，浏览器不予阅读，但自己可以添加注释标签，以方便之后对代码的阅读和修改例子：htmlbody!--这是一段注释，注释是不会在页面中显示出来的--p这里介绍NLP的相关内容/p/body/html二、HTML!DOCTYPE标签HTML!DOCTYPE为于文档的最前面，在html的前面，主要作用是向浏览器说明该HTML文档使用的文档类型，是没有闭合标签的三、HTML标题HTML标题是用h1/h1......h6/h6这六个成对的标签表示的，h1显示的标题最大，以此往下，h6显示出的标题最小例子：htmlbodyh1中国/h1h2中国/h2/body/html四、HTML元素HTML元素是指从开始标签到结束标签中的所有代码，一个html文档中包含许多的元素，比如:ahref=这是一个链接，请点击/a，此句“这是一个链接，请点击”就是一个元素，这样的很多元素就组成了html文档，除此之外还有没有内容的元素，就是空的HTML元素，在HTML的标签中没有内容，称作空元素，空元素通常在开始标签中加“/”，就是关闭空元素的正确方法，如br/（换行）、hr/（水平线），在HTML、XML中所有的元素都要关闭例子：htmlbodyp看完漂亮的图片后，br/可点击此图片，还有更大的惊喜等着你哦/phr//body/html五、html文本格式化Html可以定义很多经过格式化输出的元素，比如加粗，斜体等（具体标签见html辅资料1、2、3点）例子：htmlbodyabbrtitle=addressadd/abbrbr/acronymtitle=WorldWideWeb在某些浏览器中，当您把鼠标移至缩略词语上时，title可用于展示表达的完整版本。/p/body/html六、HTML属性HTML标签可以含有属性，属性为标签提供了很多的信息，属性是由属性名和属性值组成，属性是在开始标签中定义的，属性值要始终被英文下的双引号包围，如h1align=right中国/h1，这个元素中定义的属性意思就是“中国”这个标题的位置在页面的右边显示例子：htmlbodyh1align=center这是头标题/h1h2align=left这是中标题/h2h3align=right这是尾标题/h3/body/html七、HTMLp标签HTML段落是用成对标签p/p定义的，文字位于标签的中间，显示在页面中，用以表示文字或是图片是否在同一个段落，用以分段的例子：htmlbodyp这是第一段/pp这是第二段/pp段落元素是由P标签定义/p/body/html八、HTMLa标签HTMLa标签定义的是链接，他是通过成对标签a/a进行定义的，href属性值是链接的URL（uniformresourcelac），句型：ahref=URL显示出链接的文字或是图片/a例子：htmlbodyahref=培训网网站/a/body/htmlhtmlbodyp可以点击此图片，你将得到不一样的惊喜啊ahref===”nlplogo”border=5//a/p/body/html九、HTML水平线在HTML页面中hr/的作用是插入水平线，可实现内容的分隔，不是成对出现的标签，位于内容的最后例子：htmlbodyp看完漂亮的图片后，可点击此图片，还有更大的惊喜等着你哦/phr//body/html十、HTMLimg标签在网页中插入图片时图片的路径应该是一级跟着一级往下写（从头到尾巴），如：imgsrc=F:/文件名/(这种情况是图片就在某一个盘下，没有往下的文件夹)；imgsrc=F:/文件夹名/....../文件名/(这种情况是图片在某一个盘下，并且其图片上面还有很多相应的文件夹)例子：htmlbodyp这是一幅美丽的图片，请欣赏imgsrc=F:/1037013663512.jpg//p/body/htmlhtmlbodyp这是一幅美丽的图片，请欣赏imgsrc=F:/1/2/3/1037013663512.jpgwidth=200height=100//p/body/html十一、HTMLimg标签中alt属性：Alt属性是位于img中的一个属性，他的作用是当你想要显示的图片因为网速不好、路径不对等多种原因无法显示你的图片时，可显示该图片的名称，以便读者可以知道自己看不到的图片是什么例子：htmlbodyp这是一幅美丽的图片，请欣赏imgsrc=/pics/15.jpgalt=小雏菊//p/body/html十二、HTML页面中添加背景图片：在HTML里添加背景图片时的语句跟插入图片的语句不一样，插入图片的语句是imgsrc=图片路径/，而添加背景图片的语句是bodybackground=''图片的路径/body例子：htmlbodybackground=pics/7.jpgh1align=center这是一幅美丽的图片背景，请欣赏/h1/body/html十三、页面背景颜色bodybgcolor=颜色；【bgcolor属性值可以是RGB值rgb:(0,0,0)、十六进制数#000000、颜色名black】例子：htmlbodybgcolor=greenh1align=rightbkjdehfkdsh/h1/body/html十四、HTML中文字和图片的排列方式在HTML中文字位于图片的上方imgsrc=图片路径align=top/在HTML中文字位于图片的中间imgsrc=图片路径align=middle/在HTML中文字位于图片的下方imgsrc=图片路径align=bottom/Bottom是默认的对齐方式，即是下方例子：（效果见HTML学习中的DIY）htmlbodyp这是一幅漂亮的图片imgsrc=pics/15.jpgalign=top//p/body/html十五、HTML中图片浮动在段落的左边或是右边图片位于段落的右边pimgsrc=图片路径align=right/一段文字/p图片位于段落的左边pimgsrc=图片路径align=left/一段文字/p例子：（效果见HTML学习中的DIY）htmlbodypimgsrc=pics/15.jpgalign=rightwidth=200height=120/这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片/p/body/html【还有文字可设置在图片的top、middle、bottom显示】十六、HTML链接的target属性在HTML中链接语句中target属性作用是指打开的链接文档将在何处显示，命名target语法：ahref==_blankNLP培训/a，其中的文字或是图片是被作为超级链接来显示的，_blank的意思是链接的方向将是以新的窗口形式显示,没有此属性的链接打开时显示在当前的浏览器的窗口，有此属性的链接打开是以新的窗口出现，之前的窗口仍然可以看见例子：htmlbodybgcolor=PowderBlueahref=培训网论坛/aahref==_blank张翔NLP/a/body/html十七、HTML链接的name属性（内容足够多才能现在在最上端）在html的a链接中还有一个name属性，他的书写语法：aname=锚的名称文本等/a，他的作用是命名了一个锚，锚的作用就是相当于一本书的书签，当一个网页有很多内容的时候，你想赶快寻找你想了解的内容时，此时的锚就起到把你带到你想赶快知道的那个地方去，锚的名称是由自己取的，根据自己的喜好，光有锚的名称是不行的，还要有链接锚的链接才能真正实现锚的作用，这就是链接锚的链接语法：ahref=#锚的名称文本等/a，锚的链接在文档的上部定义例子：创建指向本网页的锚htmlbodypahref=#7所能看到空间111/a/ph2kkkkk/h2pffffffffff/ph2aname=7111/h2ffffffffffsafdefdgfdgfdhgdfshgdfbdvgdrtgerffffffffffh2kkkkk/h2pffffffffff/p/body/html十八、HTML的电子邮箱链接在网页中创建电子邮箱的链接，前提是机子有安装邮箱客户端程序软件才可以，他的语法跟链接的基本语法一样，不一样的地方是链接要填写的内容，其中用%20表示空格例子：htmlbodyp此处是邮箱链接处：ahref=mailto:王丽?cc=某&bcc=人&subject=七夕快乐&body=不想让你伤心，却总在不知觉间伤了你;不想让你流泪，却总在悄然间让你垂泪。你的泪光让我心慌，我的悲伤让我心疼。亲爱的，原谅我，我会加倍疼惜你!邮箱链接/a/p/body/html十九、HTML表格、边框、表头、空表格的相关属性在HTML中，用table/table这样的一对标签来定义表格，用tr/tr来定义表格的行，用td/td来定义表格单元，表格的内容可以使文本、图片、表格、水平线、段落、表单、列表；边框的大小仍然由border属性定义，在表格的开始标签中定义；表格的表头由th/th一对标签定义；空的单元格如果没有内容显示，则单元格的边框不显示，为了显示没有内容的单元格的边框，可在空的单元格里添加空格占位符“ ”此处的分号是英文下的格式。例子：htmlbodytableborder=1trth名称/thth格式/th/trtrtdtableborder=1trtd小小鸟/tdtd小小鸟/td/tr/table/tdtd1,2/td/