第一章：Html-超文本标记语言

1、Html超文本标记语言(Hyper Text Markup Language)
html是一个特殊的xml文件;
html的根标签必须是
html中的子标签不能自定义

html的组成:代表是html5,必须在文档的第一行
根标签
根标签里有头部和躯干
2、Html常用标签

----------------》标题 keywords content description ----------------》关键字内容描述 h1--->h6 ----------------》标题标签逐渐变小,也是行标签 Br ----------------》换行 Span ----------------》文本 Strong或b ----------------》字体加粗变黑 P或pre ----------------》段落标签 Hr ----------------》水平分割线 Font ----------------》字体标签 a ----------------》超链接 href:指跳转到路径 img ----------------》图片 src:指图片路径 3、html中常用的转义字符：不断行的空格

4、示例代码如下;
示例一普通练习：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>你好</title></head><body><h1>1</h1><h2>2</h2><h3>3</h3><h4>4</h4><h5>5</h5><h6>6</h6><span>你好吗</span><br /><strong>好好说话</strong><br /> <b>让你好好说话了</b><i>让你好好说话，听见没</i><br /><em>你再这样，不跟你玩了</em><br /><sup>我是张无忌</sup><sub>我是赵敏</sub><del>我是多余的</del><hr /><p>&nbsp;你再这样，就没意思了</p><pre>你完蛋了，真的</pre><br /><font>你真的好吗</font><br /><a href="http://www.baidu.com" target="_blank">点我</a><br /><img src="D:\Documents\HBuilderProjects\web01\11.png"   width="65px" height="120px"/></body>
</html>

示例二：锚点练习（转载）

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>锚点</title></head><body><a id="top"></a>跳转到: <a href="#1">第一章</a><a href="#2">第二章</a><a href="#3">第三章</a><a href="#4">第四章</a><br /><p><a id="1">第一章</a>南宋末年，金兵入侵，朝廷奸臣当道。全真派丘处机因杀死汉奸王道乾，被官兵追杀，逃到江南一个小村牛家庄，与隐居在此处的爱国义土郭啸天和杨铁心一见如故，以“靖、康”为他俩即将出生的孩子命名，并留下一对短剑作为信物。三人酒醉之后。杨妻包惜弱在外面忽然发现一个受伤的官兵，于是偷偷将其救下。哪知却为郭、杨两家带来无尽的灾难。原来，此人竟是金国六王子完颜洪烈，因为追杀丘处机被打伤，得包惜弱相救后，竟然对她一见钟情，于是勾结南宋官员段天德对郭、杨迫害。郭啸天死亡、杨铁心不知去向，已怀身孕的郭夫人李萍被段天德抓走，之后经过千辛万苦逃到大漠，生下儿子郭靖，而杨夫人包惜弱则被骗嫁给完颜洪烈，生子完颜康。丘处机得知两家被害的消息后，一路对凶手进行追查，与江南七怪发生误会。双方不打不相识，定下赌约：分别寻找杨、郭的后人并传授他们武功，于十八年后在烟雨楼比试高低。</p><p><a id="2">第二章</a>李萍带着儿子在大漠生活，郭靖六岁的时候，因为舍命救助哲别和蒙古兵相遇，铁木真爱惜哲别神勇、赏识郭靖忠义，将两人带回部落。郭靖自此跟随哲别学射箭，并与铁木真幼子拖雷结为兄弟。此时，江南七怪一路打听寻到大漠，在巧合之下寻到郭靖，并约定每晚向他传授武功。不料，七怪在此地和黑风双煞梅超风、陈玄风夫妻相遇。中原江湖之上，以东邪黄药师、西毒欧阳锋、南帝、北丐和全真教王重阳武功最高，这梅超风和陈玄风便是黄药师之徒，两人盗取师父的《九阴真经》下半部从桃花岛逃离。黄药师怒极迁怒旁人，将余下弟子一一打断脚骨，尽数逐出了桃花岛。黑风双煞为躲避追捕逃到大漠，利用活人来修炼九阴白骨爪。七怪一向嫉恶如仇，欲除掉黑风双煞，郭靖失手杀死陈玄风，梅超风双目被弄瞎．七怪中张阿生也因此而死。自从张阿生死后，六怪对待郭靖更是严苛，然而郭靖天资愚钝，武功总是未见长进。幸而此后得到了全真派马钰传授上乘内功，武功渐有所成。此时，铁木真的势力越来越大，与其他部落之间的矛盾日渐加深。其义兄桑昆和扎木合勾结起来想要铲除他，郭靖凭着一身武艺破坏其阴谋，为部落屡建奇功，最终帮助铁木真统一大漠。而且深得青梅竹马的伙伴——公主华筝的倾心，被铁木真封为金刀驸马。虽然他向来把华筝当作亲妹子一般，实无半点儿女私情，但是得铁木真赏识又不知如何拒绝。</p><p><a id="3">第三章</a>幸好，十八年之约即将到来，六怪便带着郭靖来到江南。郭靖奉师命先行，遇到装扮成男乞丐的黄蓉，并且对她悉心照顾，两人结伴而行，一直来到金国的中都。在街上，遇到穆念慈和穆易父女比武招亲，金府小王爷完颜康存心欺侮，胜过穆念慈之后却又拒绝娶她，并将穆易打成重伤，郭靖和路过此地的全真派王处一替杨氏父女解围。当发觉穆易被九阴白骨爪所伤之后，王、郭两人去王府评理，完颜康趁此机会抓走穆念慈父女，并且在府中埋下众多高手，王处一突围出来已经身受重伤。郭靖出门买药，不料王府将所有的医药都收走。此时，黄蓉以女儿身示人，和郭靖一同进王爷府盗药，在找药之时郭靖无意中吞食了宝蛇的鲜血，变得百毒不侵。两人偷药出来，逃到王妃寝宫，发现她乃是杨铁心之妻，从牢狱中逃出的穆氏父女终和王妃相认，得知当年杨铁心因受伤被人所救，之后易名穆易并收养穆念慈。几人分两拨逃出王府，郭、黄两人遭到欧阳克等人的追捕，躲进地洞中遇到走火入魔的梅超风。原来，梅超风眼瞎之后离开大漠，后来被完颜康所救，并收他为徒。当得知郭靖就是当年害死丈夫之人，梅超风顿起杀心，打斗中却将《九阴真经》下半部遗失，正好落在郭靖手中。黄蓉亮出真实身份，她原是东邪黄药师之女，为了救郭靖，便以父亲的名义进行威胁。六怪和全真七子闻知消息后赶来相救，几人找到杨铁心夫妇，完颜洪烈与完颜康父子也领兵追赶上来，为不连累他人，夫妻双双自杀殉情，临终之前将穆念慈许配给郭靖。 杨康遭此大变，身心受到打击，独自离去。六怪与全真教埋葬杨氏夫妇，有意为郭靖与穆念慈成婚，但郭、黄两人情深爱笃，为了躲避六怪逼婚双双离开，在长江边与丐帮帮主洪七公相识。七公喜欢郭靖朴实忠厚和黄蓉伶俐聪敏，将两人收入门下，并把降龙十八掌授与郭靖。黄蓉外出为七公买菜之时，遇到穆念慈，原想逼她立誓不得与郭靖成亲，待得知穆念慈自和杨康比武之后，一颗芳心旱已倾注在他身上。追随他一直到了此地，于是趁机成全两人，将穆念慈送到金朝在这里的府邸。杨康初时与她比武，原系一时轻薄好事，绝无缔姻之念。当得知她竟从京里一路跟随自己，具有款款深情之时，不由得大为所感，竟也对她产生情意。</p><p><a id="4">第四章</a>黄蓉自认为做了一件好事，不等穆念慈归来便匆匆离去。郭、黄游太湖之时发现金国钦差杨康和姓段的武官被归云庄擒住，两人为救杨康脱险夜闯归云庄，与这里的主人陆乘风相交。此时，穆念慈一路尾随杨康，得知他被擒以后也来到此处，在杨康承诺与金国脱离关系后拿着信物去向梅超风求救。梅超风和江南六怪相继到来，众人才知道陆乘风也是黄药师的弟子。陆乘风本来怨恨梅超风盗取真经害得自己被赶出桃花岛，当得知陈玄风已死、梅超风双限变瞎之后，决定放弃旧日恩怨，将杨康放走。这时，桃花岛主黄药师为寻找女儿也来到此处，待得知徒弟一死一伤后，便决定原谅他们，命梅超风寻回丢失的《九阴真经》，要杀郭靖和六怪为徒弟报仇。黄蓉为救郭靖，跳下湖中发誓不再见父亲，黄药师心系女儿安全，无暇顾及报仇之事，匆匆离去。郭靖将杨康放出．得知他身边的武官就是害死全家的元凶段天德，亲自手刃仇人，为父报仇。段天德临死之前，交待郭杨两家被害全系完颜洪烈一人策划，杨康闻知消息后与郭靖结义，并声称要北上刺杀完颜洪烈。次日，两人分开，郭靖和黄蓉在无锡重逢，几人一同前往中都寻完颜洪烈。不料在路上就遇到蒙古兵和金兵火拼。杨康既贪图富贵又割舍不下父子情，偷偷将完颜洪烈放走，这一切正好被躲在暗处的穆念慈看到，杨康恼羞之下离去，穆念慈也不知所踪。</p><a href="#top"><input type="button" value="返回顶部"></a></body>
</html>

第一章：Html-超文本标记语言相关推荐

WPF第一章(XAML前台标记语言(Chapter02代码讲解))
XAML前台标记语言(Chapter2代码讲解) 很不好意思,工作有点忙,博客停了两天.相对于一门语言的学习,理论知识和实践必不可少,大多数时间我们要用,对于代码也是,一边不行可以看两遍,实在 ...
HTML -超文本标记语言
文章目录目录前端技术栈静态页面HTML 概念结构入门案例语法常用标签 head标签文本标签列表标签图片标签超链接标签锚点学习 input标签表格标签表单标签内嵌标签框架 ...
HTML - 超文本标记语言 (Hyper Text Markup Language)
HTML - 超文本标记语言 (Hyper Text Markup Language) HTML是建设网站/网页制作主要语言. HTML是一种易于学习的标记语言. HTML使用像 <p> ...
超文本标记语言HTML
介绍html文档的基本结构,html常用标签的使用,理解html语言制作网页基本原理. html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母 ...
超文本标记语言是指Java_超文本标记语言(HTML)
超文本标记语言(HyperText MarkUp Language,HTML) HTML是用来制作网页的标记语言,HTML不需要编译,直接由浏览器解析: HTML文件是一个文本文件,包含了一些HTML ...
python---Web前端HTML(超文本标记语言)
文章目录 Web前端开发介绍 Web概述 Web起源 Web的特点 Web工作原理 URL介绍 HTML网页结构 HTML基本结构 HTML文档规范与注释 HTML标签文本标签列表标签图片标签i ...
Web前端—01HTML超文本标记语言
文章目录一.Wed前端开发介绍 1.Web概述 2.Web起源 3.Web的特点 4.Web工作原理 5.URL介绍二.HTML网页结构 1.HTML介绍 2.HTML基本结构 3.文档类型 4. ...
python进阶之web前端（01—HTML超文本标记语言）
目录 01.Web前端开发介绍 1.Web前端开发概述 2.Web起源 3.Web特点 4.Web工作原理 5.URL介绍 02.HTML网页结构 1.HTML基本结构 2.HTML文档类型 3.HT ...
040_初识 web 前端 HTML 超文本标记语言
文章目录 1. web前端开发技术 2. HTML 页面结构 3. HTML 标签 3.1 文本标签 3.2 换行标签 3.3 列表标签 3.3 div 和 span 标签 3.4 图片标签 3.5 ...
python前端——HTML超文本标记语言、CSS层叠样式表
01.Web前端开发介绍 1.Web前端开发概述 1)什么是Web开发? 前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术. ...

第一章：Html-超文本标记语言

第一章：Html-超文本标记语言相关推荐

最新文章

热门文章