html基础视频教程之基本结构篇

HTML简介
Html是一种标记语言,通过一些标记,标记网页的构成,然后浏览器就会根据这些标记进行显示,  你所看到网页上任何内容,都是通过HTML标记出来的.不管是文字,图片,声音,动画,视频等一系列内容.
HTML的基本结构 

两种标记形式,一种是成对出现,有起始,还要有结束。一种是单标记。成对出现示例:开始<html>,结束</html>  单标记示例<br/>

<html> -------根控制标记
<head> -------头控制标记
<title>标题</title> -------标题标记
</head> -------头控制标记(尾)
<body>
-------网页显示区域
</body>
</html> -------根控制标记(尾)
标记与字符编码
<title>www.11css.com</title>设置浏览器的视窗标题
<body>&hellip;</body>页面可见内容
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
说明:
最易懂的说法就是UTF-8里包括GB2312。UTF-8是国际通用的标准(包括世界所有的语言),而GB2312(只是简体中文)只适合做中文的网站
META-用于优化
示例:
网页的描述语言,用一句话描述网页主要的内容:
<meta name="description" content="自己写的概括语言 ">
这是网页的关键字:
<meta name=&ldquo;keywords&rdquo; content=&ldquo;关键词1,">
作者:
<meta name=&ldquo;author&rdquo; content=&ldquo;学CSS网">
<meta name="subject" content="css教程">
 <meta name="copyright" content="Copyright 2014 www.11css.com Corporation,All Rights Reserved." />
HTML控制标记的格式
(1).<标记名称>   <br/>
单一型,无设置值的。
如:<br>
(2).<标记名称 属性=&rdquo;属性值&rdquo;>
单一型,有设置值的。
如:<hr width=&rdquo;80%&rdquo;/>
(3).<标记名称>&hellip;</标记名称>
对称型,无设置值。
如:<title>&hellip;</title>
(4).<标记名称 属性=&rdquo;属性值&rdquo;>&hellip;</标记名称>
对称型,有设置值。
如:<p class=&ldquo;&rdquo;>&hellip;</p>

时间: 2024-08-10 21:29:24

html基础视频教程之基本结构篇的相关文章

Excel 2013 基础视频教程上线了

地址链接: http://edu.51cto.com/course/11062.html 课程简介: 此课程为Excel基础视频教程,从最基础的基本知识与操作讲起,课程内容共分为9个部分,其中包括Excel基本知识:工作表的基本操作:数据的输入技巧:数据的填充技巧:外部数据的导入:工作表的编辑:工作表的格式化:工作薄的保护:工作表的打印.虽然是基础课程,但是好的基础是熟练运用软件最重要也是必不可少的. 此课程以2013版为主,使用其他版本的同学照样可以学习,知识都是通用的,极个别的功能其他版本没

程序设计C语言二级考试教程 Java基础视频教程 安卓软件开发教程 Unity3D游戏制作入门教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

浅谈vr基础视频教程 改变技术革命

对于VR技术的发展应用,是有目共睹的,一个新的技术领域的诞生,现在千锋给大家浅谈vr基础视频教程,改变技术革命. 认知革命发生在几万年前的上古时期,是一个很哲学的话题,聊起来很不接地气.这里讲的认知革命是人们对信息认知方式的革新,比如几千年前人类发明文字时,开启了除语言外的另一种交流工具,这就是认知革命;再如上个世纪互联网的诞生,这是一种通过虚拟介质进行信息交流的方式,也是认知革命. 人们把信息放在网络上,相比写在纸上,是一个跨越式的进步,因为并不是所有的信息.资料都能展现在像纸这样的实体材质上

黑马程序员_毕向东_Java基础视频教程_Java基础学习知识点总结

黑马程序员_毕向东_Java基础视频教程 Java基础学习知识点总结 2016年01月06日  day01 一.基础知识:软件开发 1.什么是软件?软件:一系列按照特定顺序组织的计算机数据和指令的集合. 2.常见的软件:系统软件:如:DOS,Windows,Linux等.应用软件:如:扫雷,迅雷,QQ等. 3.什么是开发?制作软件. 二.基础知识:人机交互方式 4.软件的出现实现了人与计算机之间的更好的交互. 5.交互方式:图形化界面:这种方式简单直观,使用者易于接受,容易上手操作.命令行方式:

html基础视频教程之常用标记

html基础视频教程之常用标记 网页一些常用的标记原始码 呈现结果     ( 代表一个不断行空白) < < > > & & " "  在 HTML备注 <!-11css.com--> 1.<b>-</b> 粗 显现的粗体,2.<i>-</i> 斜3.<s>-</s> 删4.<u>-</u> 下划5.<tt>-</tt&g

.net视频教程,.net开发基础视频教程

有朋友给我推荐了一套.net视频教程,是从零基础开始学的,感觉还是不错的,现在分享给大家: 1.这门课程选择实际工作中常用的实用的技术.重点讲解企业开发中80%的时间在使用的20%的技术上逐步深入讲解:而非一 步到位,对核心技术折 分在不同的阶段讲解,以求学习效果的最大化 2.随用随讲:对于部分技能,第一次讲解时只介绍基本的,常用的技术细节,其他技术细节将在案例.项目中需要时再进行讲解 3.项目经验体现在调试能力.业务能力和工作流程三方面 4.使用的开发环境为VS2010,.net 4.0类库,

.net视频教程,.net基础视频教程

有朋友给我推荐了一套.net视频教程,是从零基础开始学的,感觉还是不错的,现在分享给大家: 1.这门课程选择实际工作中常用的实用的技术.重点讲解企业开发中80%的时间在使用的20%的技术上逐步深入讲解:而非一 步到位,对核心技术折分在不同的阶段讲解,以求学习效果的最大化2.随用随讲:对于部分技能,第一次讲解时只介绍基本的,常用的技术细节,其他技术细节将在案例.项目中需要时再进行讲解3.项目经验体现在调试能力.业务能力和工作流程三方面4.使用的开发环境为VS2010,.net 4.0类库,SQL

游戏开发基础视频教程之战机对战中文编程篇视频课程

游戏编程入门级教程,讲解通俗易懂.用具体实例讲解的方式让你用最短的时间掌握游戏编程基础知识.本程序使用中文开发平台搭建之星,搭建之星采用可视化构件,不需有英文基础,开发速度极快,操作非常简单.不论你使用何种编程语言开发,本课程里的例子都是一个很好的学习例子,参考其编程思路,对快速掌握开发技术非常有益.部分内容如下:生成我方战机编程生成敌方战机编程炮弹发射编程为游戏配音游戏空间的时光控制 游戏基础编程视频教程学习入口51CTO 原文地址:http://blog.51cto.com/13172026

自学-CAD零基础视频教程网站

CAD是一款专业设计应用软件,主要用在环境艺术设计,土木工程,水利工程等专业,用来做效果图.三维设计.平面布置规划设计.问题来了,cad学习起来难吗?对于初学当然是很困难的,操作上难度不大,但很麻烦,需要足够的耐心和细心,平时需要多练习,熟练操作各种快捷方式.还是和小编一样是新手小白的同学们可以看看下面为大家分享的CAD视频教程网站. 办公资源 这是一个提供ppt,excel,word,office视频教程的素材网站,里面有很多不同风格场景的素材模板,学习参考资料. <CAD零基础教程>htt