通俗认识html

  通过通俗的说法给大家介绍下html及html作用,与div css关系。

  什么是HTML :http://www.3lian.com/edu/2011/09-25/10681.html

  HTML页面结构:http://www.3lian.com/edu/2011/09-25/10682.html

  以上是基础问题建议先看了以上2篇文章再看以下内容。

  html通俗定义

  通俗的讲html是网页,一个文本文件,可以使用记事本打开,打开后里面有html自己的标签(这些标签各有各的功能),并有一定规律存在。

  首先html使用浏览器打开,就能呈现你们的内容,而这些内容需要你放入特定的标签里。

  html结构 TOP

  先看一下最基本html结构:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
 

  html实例

  以上代码可以直接拷贝,然后新建一个记事本,将代码拷贝入内,并以“.html”扩展名命名(如:index.html)(扩展名显示),保存这样就新建一个完整html网页,当然你使用浏览器打开,什么内容也没有。

  假如你想显示“divcss5-测试内容”,那你只需在中间打上字即可,完整代码如下:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
divcss5-测试内容
</body>
</html>
 

  这样使用浏览器浏览一下

  效果:


  这样内容就显示了,这也是最基础的演示-自己不妨试试制作自己第一个网页。

  总结:

  如果我们要想浏览器显示什么样的文章文字内容,我们只需要将文字文章放入“”之间即可。

  也许你就会想了,那我看见很多网页,都有图片,各式各样的文字,排版也各式各样的又怎么实现的呢?

  这里那就告诉你,这个就是需要你真真切切一步一个脚印的自己学习的,这里就会涉及到了CSS话题的引入。

  我们要想显示自己设计的不同样式漂亮的网页,那就需要CSS来实现了。通过CSS设置网页中对应区域的高、宽、背景、边框、文字大小、文字颜色等来实现。

  如果你对CSS 网页制作仍然感兴趣,那就从DIVCSS5开始吧,如果上面的文章一遍看不懂,那就多看几遍,多实践即可。希望您能早日学习成功,同时DIVCSS5也开通了系统的CSS培训(包括了从html到CSS的系统学习),不妨试试。

时间: 2024-10-22 10:56:21

通俗认识html的相关文章

我对C#中事件委托的通俗看法

这是我对C#中事件的通俗看法,比较适合初学者(其实我也是初学者)对C#事件的理解,本人因为刚入门,在学习C#的事件原理时,发现很多书上写得很不好理解,不适合初学者,所以我想在这里谈谈我对它的看法,可能不是很准确,如果说得对的,请大家鼓鼓掌,不对的或是不规范的地方,还请高手帮忙更正一下,谢谢了. 在学C#之前,我看过<JAVA编程思想>,还有一些JAVA的入门级的书籍,其中对事件的讲解,总是用事件监听,事件适配器来举例, 所以我就一直认为,在C#中,RUNTIMING会一直监测每个控件的状态,如

CSS浮动(float,clear)通俗讲解

  很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解. 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你. 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! 本文以div元素布局为例. 教程开始: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流.

系统-PCI结构是什么?通俗点的

问题描述 PCI结构是什么?通俗点的 在系统总线上说有PCI结构,pci到底是个什么东西?也是一种线吗? 解决方案 因为现代CPU的速度比很多硬件的速度要快很多,频率高很多,如果让CPU和这些硬件在一起工作, 会降低CPU的性能,所以就设计了一个PCI总线,把所有低速设备都连接到PCI总线上,然后通过北桥和系统总线 连在一起,既兼顾了CPU的高频率也能有效的利用硬件. 希望能帮到你. 解决方案二: 是一组线+数字逻辑.一组线里面包括了数据线.地址线.逻辑控制.这些所有的线合在一起,叫PCI总线

设计模式--6大原则应用场景通俗版(1)

1> 单一职责原则     这是我们设计程序最常见的设计原则了,比如用户信息,分属性和行为,基础信息属归属性类,执行归行为类或接口 2>里氏替换原则     尽量规避继承关系带来的负面重构影响     几个注意地方:     2.1>类中调用其他类时,尽可能使用其他类的接口或父类,这也是我们经常性的习惯.     2.2>如果子类不能完整实现父类方法或父类的方法在子类发生了二义性,那么断开父子继承关系,改用依赖.聚集.组合的关联关系,通俗点来讲就是子类和父类属性或行为有可能出现了没

能通俗一点讲一下软件工程和信息工程的区别吗?不要百度,不要那些书本语言。

问题描述 能通俗一点讲一下软件工程和信息工程的区别吗?不要百度,不要那些书本语言. 能通俗一点讲一下软件工程和信息工程的区别吗?不要百度,不要那些书本语言.对于刚入门的人这个还是有点区分不了,感觉没什么差别啊 解决方案 软件工程比信息工程大,软件工程包括各种软件,信息工程偏向于互联网.

如何通俗地理解 Gradle?

作者:nonesuccess链接:https://www.zhihu.com/question/30432152/answer/79547641来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 你都说了要通俗的理解,那就用不着学习什么理论了,通俗着来就是了. 通俗的说:gradle是打包用的. 你觉得解决你的问题了吗?如果没解决,那是你的问题提得不够好.比如我猜你应该提:为什么要打包发布,打包发布有几种常见方法,为什么这些常见方法中要选gradle,等等. 针对我猜

java-Maven是做什么的,谁能给通俗的介绍一下

问题描述 Maven是做什么的,谁能给通俗的介绍一下 在maven的下载网站中应该下载哪个,分别都代表什么 解决方案 从初学者使用者的角度你可以把他看成可以告别set classpath, javac 这些刀耕火种命令的利器. 作为理解,不太准确的可以说maven主要是用来解决导入java类依赖的jar,编译java项目主要问题.(最早手动导入jar,使用Ant之类的编译java项目) 以pom.xml文件中dependency属性管理依赖的jar包,而jar包包含class文件和一些必要的资源

通俗解释主要编程语言及其用途

在 Quora 网站上有这样一个问答贴:<In layman's terms, what are the major programming languages, and what are they used for? >如何用通俗语言来解释主要的编程语言及其用途.这个问答贴回复很多,不乏精彩回答.伯乐在线挑选得票数排前二的回复.编译如下: Isaac Lewis 的回复 (3457 票,最有特色的回复,把编程语言比作女人) PHP 是十多岁的花季恋人,是你在那个夏天首次笨手笨脚寻求的女孩.但

通俗的讲解下mapreduce算法

问题描述 通俗的讲解下mapreduce算法 有没有大牛讲解下mapreduce的算法原理.使用比较通俗易懂的例子,之前看过官方讲解,还是很迷茫-- 解决方案 通俗讲解模拟退火算法通俗实例讲解RSA算法A*算法的通俗理解 解决方案二: map就是把数据映射出来,根据你关心的数据,生成一组数据给下一阶段reduce处理 reduce就是根据map的输入,来进行数据的聚合,汇总等操作