2014年辛星web前端教程贺岁版第一本即HTML基础

5星(超过95%的资源)
所需积分/C币:9 2014-10-21 17:41:05 2.4MB PDF
15
收藏 收藏
举报

这是2014年辛星web前端教程第一本,希望您能喜欢。
☆々;;*;;*;々;;々;;;;*;;;;々;;;;;;;;;宫;冶☆;;;;;;;;次;; 日录 前言 第一节:html简介 第二节:head元素介绍 DD鲁·看··鲁音鲁··着D。。·。。非·鲁·鲁。。·D。鲁。鲁。鲁D●·D●·鲁。鲁鲁鲁。。D鲁 8 第三节:文本信息的表示 第四节:图片、超链接 DD.●D●·《D.·看D··看D··看。D看看D鲁· 26 第五节:表格、列表..…. ····································· 37 第六节:表单、区块 46 第七节:不建议用的知训 54 第八节:未分类知识 58 第九节:总结 62 附录:意见反馈. 64 3/65 前言 >>>>>>>>>>对现状的深思<<<<<<<<<<<<<<<< 1.虽然讲web前端的教程并不少,但是很多都是过肘的资料,给初 季者带来了不少的迷茫,因此我们需要更新的教程。 2.虽然教程不少,但是由于都是即兴写的,往往只是简单的介绍了 其中的一部分,因此我们需要更全的教程。 3.还有的教程功利心太强,纯粹的复制粘贴,从而导致教程的可读 性和实用性较差,因此我们需要更实用的教程。 4.鉴于此,我们的教程会做到如下三点;更新更全更实用。 >>>>>>>>>>我们的自信<<<<<<<<<<<<<<<<<< 1.虽然web前端的教程并不少,但是我们相信我们最终会脱颖而出, 会成为最优秀的那一个。 2.第一点自信就是因为它的参与人数众多。就是因为它是免费的, 所以也就有不少读者可以读到乞,而且不少读者给我们提出了建设 性的意见,也就是它的参与人数众多。 3.第二点自信就是因为我们花费的时间较多。包括从知识构架、教 程编写上,我们都是花费了不小的功失的。 4.笫三点自信就是借鉴了很多前辈的经验。在写该教程之前,我们 也读了前辈们的不少优秀教程,吸纳了他们的优点,并且遊免了他 们的误区,固此,它会更加优秀。 5.第四点自信就是我们的奉献精神。我们不代表任何的盈利组织, 也就是我们没有任何功利心,我们完全是靠兴趣去做这件事的。 >>>>>>>>>>期待您的参与<<<<<<<<<<<<<<<<< 当然了,如果慫对参与这项伟大的事业感兴趣的话,那么不妨加 入我们吧。 2.参与的形式很多,憩可以:①负责给出知识结构②编写具体教程 ③参与教程审核④负责散播教程。 3.由于我们不代表任何的盈利机构,因此,我们目前不会给您支付 任何费用,我们也仅对此表示抱歉。 4/65 第一节:html简介 >>>>>>>>>>>>>htm是什么<<<<<<<<<<<<<<< 1.所谓html,它是卜 yperText Markup Language的缩写,也就是 超文本标记语言。 2.所谓超文本,就是指图片、超链接、音乐、程序等非文本文件。 乞们会让网页内容更加丰富多彩 3.其中html创建于1982年,由伯纳斯李创建,它是由SGML迸 步发展而来的,后来成为了一个国际标淮,由W3C维护。 4.它的第一版是在1993年6月发布,其2.0版在1995年发布,并 且在1997年发布了其32本。 5.宅的比较重要的一个版本就是htm14.0.1,是在1999年12月24 日发布,成为了W3C的推荐标淮,并且沿用至今。 6.而html5版本尚未正式发布,虽然宅的一些特性已经被不少浏览 紧支持,但是它的正式版本尚未发布。 >>>>>>>>>>>开发前的准备<<<<<<<<<<<<<<<< 1.那么我们要学习html了,我们需要准备些什么呢? 2答案就是需要准备一个浏览器和一个文本编辑器。 3.文本编辑器用来书写html代码,而浏览器則是运行我们的html 代码。 4.我这里使用的文本编辑器是 Sublime text2,我使用的浏览器是谷 歌浏览器。 >>>>>>>>>>>>>一个传说<<<<<<<<<<<<<<<< 1.记得一个传说是这样的“使用记事本的不是莱乌就是大神”,其 实这句话是有问题的。 2.我见过的大神使用m和ema的居多,而且这些大神很少在 Win下操作,大部分都是工作在 Linux下的。 3.不过是不是大神并不重要,我们第一个例子还是用记事本开始。 5/65 >>>>>>>>>>>第一个范例<<<<<<<<<<<<<<<<< 1.下面我们新建一个文本文件,命名为 my. html,然后用记事本打开, 写入如下内容 my. html-记事本 文件编辑但格式)查看帮助山 htmi> 辛星一传播网创始人 K/html> 2.我们保存之后,双击打开,看到星示内容如下 L my. html e>C D file: //D: /Users/Administrator/Desktop/my. html 辛星一传播网创始人 3.我们的第一个网页就这样完成了,这里的后缀名我们通常写成 html,其实后缀名也可以写成htm,效果是一样的。 4.对于代码内容,我解释一下吧,这里的<htm>和</hm>都是标 签,其中<htm|>是开始标签,而</htm>是结束标签。 5.我们的内容可以写到标签对的中间,也就是“辛星-传播网创始人” 这些内容可以换成您想用的任何文字,都是可以的。 >>>>>>>>>>>>>>元素<<<<<<<<<<<<<<<<<< 1.这里我们给出一个概念:元素。所谓元素就是从开始标签到结束 标签的所有代码。 2.比如我们上面的html文件中只有一个元素,也就是html元素, 刚才的html元素的内容就是: <hm|>辛星-传播网创始人</html> 6/65 3.通常来说开始标签也可以成为开放标签,而结束标签也可以称之 为闭合标签。 4.我们的html文件就是由这样的元素所组成的,我们随着学习的深 入会发现这一点。 5.我们学习的重点也就是学习这些标签的用法,可以说,只要大家 对这些标签掌握的比较熱的时候,htm就算学的差不多了。 >>>>>>>>>>>>>>>规范的格式<<<<<<<<<<<<< 1.其实我们的html文件的写法是很松散的,我们的浏览器都可以正 常解析。 2.比如我们写了<htm|>,但是我们不写它的闭合标签</hm>等等 都是可以的。 3.我建议大家尽量使用最标准的格式,只要大家按照我的教程中的 格式,那么肯定是最标准的。 >>>>>>>>>>>>知识变更<<<<<<<<<<<<<<<<<< 1.我不知道大家有没有看过其他的htm教程,也不知道大家是否有 html的功底。 2.有些知识比如“分帧”这种技术,我是不会讲的,我认为宅们都 是过肘的技术,应该被当做炫圾直接丢掉,不应该再被提及。 3.而对于某些知识,我会深入讲解。 4.对于这种做法,希望能理解,也希望您可以抱着批判的态度来 学习,不要一味的接受。 >>>>>>>>>>>总结<<<<<<<<<<<<<<<<<<<< 本节课我们并没有学习太多东西,只是给大家简单的交代了一些 东西。 2.我们从第二节开始进入正式的学习。 7/65 第二节:head元素介绍 >>>>>>>>>>>>第二个程序<<<<<<<<<<<<<<<<< 1.我们先写如下代码: my. html 1 <htmI> 2 <head> 3 <ti1e>辛星,值得关注</tit1e 4</head> 5 <body> p>传播编程知识,振兴中华软件</p> 7 </body> 8</htm丬 2然后我们运行一下这个页面,看一下效果吧: 网页的标题 辛星,值得关注 <>c B file: ///D: /Users/Administrator/Desktop/my. html 传播编程知识,振兴中华软件 网页的内容 3那么对于这个hm文件,我们看到了htm元素包括head元素和 body元素,而head元素由包含了t!le元素,而body元素又包含 了p元素,由于涉及元素比较多,我们逐一来说明 4.对于html元素,也就是<htm>和</htm>中包含的内容,这中 间的内容就是整个html网页的内容。 5.而hml元素包括了head元素和bod元素,这里的head元素也 就是头部信息,而body元素则是网页内容,head元素中的内容是 不会在网页中出现的,而body中的内容是一定会在网页中出现的。 8/65 6.下面说一下head元素中的ttle元素吧,它的含义是整个网页的标 题,也就是出现在我们的网页的最顶部的那一行信息,对于不同的 浏览器会有所不同。 7而bod中的p元素,表示一个段落,这个我们后面还会讲到。 8对于head元素,也就是我们本节讲解的重点。 >>>>>>>>>>>>元素的嵌套<<<<<<<<<<<<<<<<< 1.通过刚才的代码可能大家也看到了,我们的元素是可以嵌套的。 2.比如<hm><head></head></html>就是一个很典型的head 元素被嵌套进html元素中。 3.在htm文件中,我们会看到很多的元素嵌套, >>>>>>>>>>>>>head元素<<<<<<<<<<<<<<<< 1.下面说一下head元素,宅的目的就是定义文档的头部信息。 2.该元素通常是直接写在<html>标签后面的,该元素并不直接使用, 通常包含一些子元素,而这些子元素一般都是有自己的特殊作用 的。 3.下面我们就来认识一下这些常见的子元素吧: 元素名 作用 title 定义文格的标题 base 定义了基本的连接地址 link 导入外部资源 style 内置的CSs标签 script 内置的 Javascript标签 meta 定义了元数据 4.那么我会把一些比较重要的元素给大家讲解一下。 >>>>>>>>>>>>tite标签<<<<<<<<<<<<<<< 对于 title标签,刚才我们都见到了饣的作用了,我就不给大家再 演示了,这里给大家简要说一下宅的作用吧。 9/65 2.它的作用主要有如下几个: ①在浏览网页的附候显示在标题栏。 ②当我们把网页添加到收嶽夹的肘候,它会显示在收藏夹中。 ③它会作为标题显示在搜索引擎结果页面中。 3那么 title元素的大致知识就是这么多 >>>>>>>>>>>>base元素<<<<<<<<<<<<<<<<< 1.所谓base元素,就是描述了该网页中的基本的连接地址,该网页 中的所有链接地址都是用它作为绝对路徑的根路径。 2那么我给大家一个范例吧,我们写入如下代码: my. html 1 <html> 2 <head> 3 tit1e>辛星教你抓取Dz图片</tit1e basehref=http://www.discuz.net"></base> 5 </head> 6 <body> <img src="/favicon. ico"/> 8 </body> 9</htm1> 3.可能上面有些代码大家不理解,稍后我会解释,我们这里先看效 辛星教你抓取DZ图片 <>C Dfile: ///D: /Users/Administrator/Desktop/my. html 这个图片就是 discuz官网的图标 4.对于上述代码,大家可能冇若干迷茫之处,我一一给大家解释。 10/65

...展开详情
试读 65P 2014年辛星web前端教程贺岁版第一本即HTML基础
立即下载 身份认证后 购VIP低至7折
一个资源只可评论一次,评论内容不能少于5个字
Henry_Wolf 非常感谢,很好的书
2018-07-16
回复
oszero 感谢分享,真的很不错
2016-11-04
回复
yaowangmx 对我的帮助很大
2015-10-29
回复
khdj9878 很全面,很好用,谢谢分享
2015-09-25
回复
zer99 作者写的很认真,对python的各重要知识点做了很好的总结。赞
2015-05-22
回复
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
关注 私信
上传资源赚钱or赚积分
最新推荐
2014年辛星web前端教程贺岁版第一本即HTML基础 9积分/C币 立即下载
1/65
2014年辛星web前端教程贺岁版第一本即HTML基础第1页
2014年辛星web前端教程贺岁版第一本即HTML基础第2页
2014年辛星web前端教程贺岁版第一本即HTML基础第3页
2014年辛星web前端教程贺岁版第一本即HTML基础第4页
2014年辛星web前端教程贺岁版第一本即HTML基础第5页
2014年辛星web前端教程贺岁版第一本即HTML基础第6页
2014年辛星web前端教程贺岁版第一本即HTML基础第7页
2014年辛星web前端教程贺岁版第一本即HTML基础第8页
2014年辛星web前端教程贺岁版第一本即HTML基础第9页
2014年辛星web前端教程贺岁版第一本即HTML基础第10页
2014年辛星web前端教程贺岁版第一本即HTML基础第11页
2014年辛星web前端教程贺岁版第一本即HTML基础第12页
2014年辛星web前端教程贺岁版第一本即HTML基础第13页

试读结束, 可继续读7页

9积分/C币 立即下载