`
cherrypig3
  • 浏览: 39613 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

HTML 很容易学习,你会喜欢它的

阅读更多
HTML 简介:
   HTML是用来描述网页的一种语言。
   它是超文本标记语言。
   有自己的一套标记标签。
   使用标记标签来描述网页。
HTML标签
   是有尖括号包围的关键词
   是成对出现的,第一个标签是开始标签,第二个标签是结束标签
HTML文档=网页
HTML编辑器:
   可以使用文本编辑器来编写
   专业人员使用dreamweaver,frontpage.

下面我们来学习HTML的一些基础知识:
第一节:基本的HTML标签
既然它是一种标记性语言,就意味着会有各种标签来实现各种功能。那它都有哪些标签呢?让我们来看一下主要标签。

最外层的标签 <html>  </html>
接下来紧挨着的标签是 <body>  </body>
这两个标签不多说了,接下来就是我们要学习的主体了。

1)标题标签 <h1> this is a head </h1>,根据h后面的数字来显示标题字体的大小,其中h1是最大的字体。h6是最小的字体
2)段落标签 <p> this is a paragraph </p>
3)链接标签 <a herf="http://www.google.com"> click it will open a page </a> 注:链接的地址是通过herf这个属性来实现的
4)图像标签 <img src="a.jpg" width="100" height="20"/> 注:图像的名称和尺寸是通过属性的形式实现的

下面我们通过文本编辑器用刚学的这几个标签写一个HTML文档
<html>
<body>
<h4> 你将写出人生的第一个网页 </h4>
<p> 希望你的这次学习能够善始善终 </p>
<a href="http://www.w3school.com.cn"> 你可以通过这个网站来学习HTML </a>
<p><img src="62062d82g8cc4afd44476690.jpg" width="100" height="20"/img> 
这个是我本地的图哦,你可以把你写好的程序和你自己的图片保存在同一个地方就好了</p>
<p> 标签的学习就先到这里了,其实在后面还有很多标签需要学习。不过有了这几个标签就可以写出一个简单的网页啦。当然了这个网页看上去比较丑,因为我们还没有通过其他手段美化它,比如字体的样式、大小,文本的排列等等。不要着急,在后面我们都会学习到的。</P>
</body>
</html>

第二节:HTML元素
我们只需要简单了解一下他的概念就可以了:HTML元素指的是从开始标签到结束标签的所有代码。从开始标签起始到结束标签终止,元素的内容就是开始和终止之间的内容。
第三节:HTML属性
属性是对标签来说的,HTML 标签可以拥有属性属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value".
属性总是在 HTML 元素的开始标签中规定。

这几句话简单明了的介绍了属性的作用和用法.
问题:对图片显示不出来的情况怎么处理,显示红叉吗?
分享到:
评论

相关推荐

    W3school离线手册

    HTML 很容易学习!你会喜欢它的! 现在开始学习 HTML ! HTML 实例 学习 100 个实例!使用我们的编辑器,你可以编辑 HTML,然后点击测试按钮来查看结果。 亲自试一试吧! HTML 测验 在 W3School 测试你的 HTML ...

    HTML语言基础教程.pdf

    HTML 教程 在本教程中,你将学习如何使用 HTML 来创建站点。 HTML 很容易学习!你会喜欢它的!

    w3shool HTML 教程

    HTML 教程 在本教程中,你将学习如何使用 HTML 来创建站点。 HTML 很容易学习!你会喜欢它的!

    HTML(详细版)

    讲解详细,适合初学者入门.在本教程中,你将学习如何使用 HTML 来创建站点。 HTML 很容易学习!你会喜欢它的!

    LinuxC编程一站式学习

    既然你选择了看这本书,你一定了解:Linux是一种开源的操作系统,你有任何疑问都可以从源代码和文档中找到答案,即使你看不懂源代码,也找不到文档,也很容易找个高手教你,各种邮件列表、新闻组和论坛上从来都不缺...

    html-css-w3school

    HTML很容易学习-我想我会喜欢的! 一些移动技术使用HTML概念进行移动应用开发 什么是HTML? HTML代表超文本标记语言 HTML是用于创建网页的标准标记语言 HTML描述了网页的结构 HTML由一系列元素组成 HTML元素告诉...

    HTML5单机版斗地主

    尽管游戏的AI设计相对简单,容易被玩家击败,但这也是一个很好的起点,对于想要学习HTML5游戏开发的初学者来说,这是一个很好的实践项目。开发者可以通过改进AI算法,使其更具挑战性,从而提高游戏的整体质量。 总...

    计算机职称考试非常好通过

    计算机职称考试,全称为全国专业技术人员计算机应用能力考试,是一项针对我国专业技术...通过这样的综合学习策略,考生可以更好地掌握考试所需的知识点,提高通过率,正如描述中提到的,"很容易掌握"并且"超级喜欢"。

    java初学者的工具ppt文件

    在JavaEE中,首先要学习JSP/Servlet(结合Tomcat、MySQL)技术,建议JSP1.2/2.X的知识都要掌握,毕竟现在很多的在用系统都还是基于JSP1.2,学习JSP,还必须掌握一些外延技术,如:你还得掌握HTML基础知识,最好再掌握...

    java抢票系统源码-100DaysOfCode:记录我100天代码学习之旅的日记,并在第100天之后继续到代码学院训练营的第12周。学习日志

    我认为每天只有一小时的目标对我来说似乎很容易控制,而不是感觉除非我每天至少花 3 小时学习它是不值得的。 工作/资源链接: 第 2 天 7月1日 今天的进展: 我开始学习 SQL,现在我对数据库、选择查询、插入、更新和...

    PHP教程 初级教程

    PHP虽然很容易学习,但是速度上比mod_perl(植入web服务器的perl模块)慢。现在有了可以与mod_perl速度想媲美的被称作Zend的新引擎,而PHP4就可以充分利用这个引擎。现在,PHP4 正式版已经发布,大家可以到php的...

    黑色个人博客模板_黑色个人博客.rar

    【标题】"黑色个人博客模板_黑色个人博客.rar" 是一个HTML模板的压缩包,它包含了一套设计为黑色主题的个人博客布局和样式。这个模板可能是为了那些想要创建具有独特风格和个人化感觉的博客的用户准备的。黑色主题...

    C#微软培训资料

    在本章中你将了解 Microsoft.NET 的概念 .NET 框架 C#语言在.NET 框架中的作用及其特性 1.1 Microsoft.NET 一场新的革命 1.1.1 什么是.NET 2000 年 6 月 22 日 不论对 Microsoft 还是对整个 ...

    Tinyxml 源代码(VC6 & VS2005)

    TinyXML是一个简单小巧,可以很容易集成到其它程序中的C++ XML解析器。 它能做些什么 简单地说,TinyXML解析一个XML文档并由此生成一个可读可修改可保存的文档对象模型(DOM)。 XML的意思是“可扩展标记语言...

    machine-learning-articles:关于机器学习和深度学习的不同主题的有趣文章列表

    如果您成功地将其保存在文件夹中,将很容易忘记它,并且很难在您的大量文章中找到该特定文章。 解决方案 使用此存储库可以跟踪您最喜欢的文章以及查看人们正在阅读的其他有趣文章。 你为什么要贡献? 跟踪此存储库中...

    排版布局设计技巧_对比+对齐+重复+亲密性(第3版)

    正如作者所说:“一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,使它在你的掌控之中。”所以,我就毫不犹豫的列下这4个基本原则,因为它们“怎么强调都不过分”: 对比(Contrast) 千万...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    PHP虽然很容易学习,但是速度上比mod_perl(植入web服务器的perl模块)慢。现在有了可以与mod_perl速度想媲美的被称作Zend的新引擎,而PHP4就可以充分利用这个引擎。PHP4还处在BETA测试阶段。Andy Gutmans和Zeev ...

    使用Python进行爬虫的初学者指南(抓取提取数据的步骤)

    如果您是为了学习的目的而抓取web页面,那么您不太可能会遇到任何问题,在不违反服务条款的情况下,自己进行一些web抓取来增强您的技能是一个很好的实践。 爬虫步骤: 【为什么使用Python进行Web抓取?】 Python速度...

    空手道karate超详细中文文档,需要的自行下载,只需要两积分呦

    Cucumber推广的BDD语法是语言中立的,即使是非程序员也很容易。断言和 HTML 报告是内置的,您可以并行运行测试以提高速度。 还有一个跨平台的独立可执行文件,适用于不熟悉Java的团队。您不必编译代码。只需使用简单...

    JAVA自学之路

    在这儿之后,你可以选择向J2ME、或者Java GUI、Socket编程等方向努力,但是通过第一篇的办法,你可以很容易就将这方向过滤掉(永远不要忘了我们是为了就业),好吧,暂时和它们诀别,还是向着J2EE的方向前进吧。...

Global site tag (gtag.js) - Google Analytics