首页 > 编程 > HTML > 正文

html自学教程(一)初识html

2020-03-24 17:41:54
字体:
来源:转载
供稿:网友

html自学教程(一)初识html

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

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

<title元素:

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

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

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

<html

<head

<meta charset="utf-8"

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

</head

<body

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

</body

</html

在editplus中运行的结果:

html自学教程(一)初识html

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表