文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计HTML/CSS  → HTML基本概念

HTML基本概念

时间:2008/11/25 11:11:00来源:本站整理作者:我要评论(0)

什么是HTML文件?

  • HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。
  • 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。
  • 一个HTML文件的后缀名是.htm或者是.html。
  • 用文本编辑器就可以编写HTML文件。

这就试写一个HTML文件吧!

打开你的Notepad,新建一个文件,然后拷贝以下代码到这个新文件,然后将这个文件存成first.html。

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html> 

要浏览这个first.html文件,双击它。或者打开浏览器,在File菜单选择Open,然后选择这个文件就行了。

示例解释

这个文件的第一个Tag是<html>,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>,表示HTML文件到此结束。

在<head>和</head>之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。

在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在<body>和</body>之间的信息,是正文。

在<b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。

HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如<html>,<b>等,通过这些Tag,可以告诉浏览器如何显示这个文件。

HTML元素(HTML Elements)

  • HTML元素(HTML Element)用来标记文本,表示文本的内容。比如body, p, title就是HTML元素。 
  • HTML元素用Tag表示,Tag以<开始,以>结束。
  • Tag通常是成对出现的,比如<body></body>。起始的叫做Opening Tag,结尾的就叫做Closing Tag。
  • 目前HTML的Tag不区分大小写的。比如,<HTML>和<html>其实是相同的。

HTML元素(HTML Elements)的属性

HTML元素可以拥有属性。属性可以扩展HTML元素的能力。

比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:
 

<body bgcolor="red">

再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。如下:

<table border="0">

 

属性通常由属性名和值成对出现,就像这样:name="value"。上面例子中的bgcolor, border就是name,red和0就是value。属性值一般用双引号标记起来。

属性通常是附加给HTML的Opening Tag,而不是Closing Tag。

相关视频

    没有数据

相关阅读 iPhone 8概念设计曝光 iPhone 8概念图一览Actual Sunlight全奖杯白金攻略 真实阳光psv奖杯一览ATM机转账可以撤销 ATM转账怎么撤销方法介绍暴雪高层称推出魔兽世界60年代怀旧服也要按照基本法无线缆VR会带来怎样的体验 HTC Vive将推无线版小米MIX全面屏概念手机是什么 小米MIX手机是真的吗绝杀99怎么玩 绝杀99游戏基本玩法操作攻略htc vive电脑配置要求推荐 htc viv电脑配置多少够用

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 页面进入效果表单 XHTML校验需要注意的6个细节CSS样式表创建美妙绝伦的网站了解XHTML DHTML SHTML之间的区别HTML小技巧的一些小技巧

人气排行 容易被误解的overflow:hiddenCSS中dashed和dotted的区别CSS水平和垂直居中的几种实现方法DIV+CSS自适应高度兼容IE6,ie7,ie8和FF的解css优先级问题如何用CSS实现图片圆角化处理超链接target=_blank的使用方法Ctrl+H键的用法