码迷,mamicode.com
首页 > Web开发 > 详细

HTML入门基础

时间:2019-10-28 17:35:12      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:后缀名   tle   info   utf-8   声明   char   列表   语言   ima   

一、HTML的介绍

1.什么是HTML?

HTML指的是超文本标记语言:Hyper Text Markup Language。

HTML不是一种编程语言,而是一种标记语言。

HTML使用标记标签来描述网页。

2.网页结构

可以使用HTML来建立自己的WEB站点。

网页主要由3个部分组成:

HTML:结构 (Structure)

CSS:表现 (Presentation)

JavaScript:行为 (Behavior)

二、HTML文档基本结构

1.<html>标签

<html>元素定义了 整个HTML文档。

例:<html>........</html>

2.<head>标签

<head>元素包含了所有的头部标签元素。

<head>元素必须包含文档的标题(title)

例:<html><head>.......</head></html>

3.<body>标签

<body>元素定义文档的主体。

<body>元素包含文档的所有内容(如:图形、表格、列表等内容)

HTML的基本结构:<html><head></head><body>.......</body></html>

三、创建第一个HTML页面

HTML文件是文本文件,因此可以使用任何文本编辑器来进行创建自己的第一个网页。

代码如下:

<html>
<head>
<meta charset="utf-8">
<title>第一个标题</title>
</head>
<body>我的第一个网页</body>
</html>

保存HTML文件时,可以使用.htm后缀名,也可以使用.html后缀名,推荐使用.html。

启动浏览器,在浏览器中运行HTML文件,运行结果:

技术图片

 

 

注意:

<title>元素:定义浏览器工具栏中的标题。

<meta charset="utf-8">声明编码,否则会出现乱码。

 

HTML入门基础

标签:后缀名   tle   info   utf-8   声明   char   列表   语言   ima   

原文地址:https://www.cnblogs.com/JinchNiu/p/11753714.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!