html自学资料

html自学资料(html自学教程一初识html)(1)

一 html是什么?html文档基本结构

html(hyper text markup language):超文本标记语言.它不是一种编程语言 而是一种标记语言 它有一套标记标签(markup tag).html使用标记标签来描述网页.html文档也叫web页面

你可以使用html来建立自己的web站点.

网页主要由3部分组成:

■html:结构(structure)

■css:表现(presentation)

■javascript:行为(behavior)

html实例:

<!doctype html>

<html>

<body>

<h1>我是第一个标题</h2>

<p>我是第一个段落</p>

</body>

</html>

●<html>元素定义了整个html文档 这个元素有个开始标签<html> 有个结束标签</html>

●<head>元素必须包含文档的标题(title) 可以包含脚本 样式 meta信息以及其他更多的信息

●<body>元素定义文档的主体 <body>元素包含文档的所有内容(比如文本 超链接 图像 表格和列表等等)

二 创建你的第一个html页面

html文件是文本文件 因此你可以使用任何文本编辑器来创建你的第一个网页.

给大家推荐几款常用的编辑器:

●Notepad

●Sublime Text

●HBuilder

●editplus

在编辑器中输入:

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<p>我的第一个段落. </p>

</body>

</html>

保存为first.html(后缀名也可以是.htm 推荐使用.html)

注意:对于中文网页需要使用<meta charset="utf-8">声明编码 否则会出现乱码.有些浏览器会设置gbk为默认编码 则你需要设置为<meta charset="gbk">

html自学资料(html自学教程一初识html)(2)

<title>标签定义了html文档的标题 在所有html文档中是必需的

<title>元素:

●定义浏览器工具栏中的标题

●提供页面被添加到收藏夹时的标题

●显示在搜索引擎结果的页面标题

<html>

<head>

<meta charset="utf-8">

<title> 我的第一个页面</title>

</head>

<body>

<p>我的第一个段落. </p>

</body>

</html>

在editplus中运行的结果:

html自学资料(html自学教程一初识html)(3)

〖特别声明〗:本文内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。如有侵犯您的原创版权或者图片、等版权权利请告知 wzz#tom.com,我们将尽快删除相关内容。

赞 ()
打赏 微信扫一扫 微信扫一扫

相关推荐