欢迎来到山村网

通俗认识html

2019-03-28 23:03:45浏览:595 来源:山村网   
核心摘要:  通过通俗的说法给大家介绍下html及html作用,与div css关系。  什么是HTML :http://www.3lian.com/edu/2011/09-25/10681.h

  通过通俗的说法给大家介绍下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>

  这样使用浏览器浏览一下

  效果:

html网页制作演示图

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

  总结:

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

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

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

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

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

(责任编辑:豆豆)
下一篇:

HTML页面结构

上一篇:

HTML iframe 用法总结收藏

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com