首页 > 代码库 > HTML 简单了解

HTML 简单了解

2024-10-02 22:15:02   214人阅读

 

 HTML 特别的通俗易懂!想学自己制作网页的,就来我这看看吧!

　　首先 我先介绍一下什么是HTML!

HTML是用来描述网页的一种语言!他结合CSS样式之后会有非常炫酷的样式!

　　1.HTML是指一种超文本标记语言他的全称是:Hyper Text Markup Language

　　2.HTML不是编程语言 而是一种标记语言.

　　3.HTML使用标记标签来描述网页

　　4.标记语言是一套标记标签<markup tag>

　　5.HTML文档包含了HTML标签及文本内容

　　6.HTML文档也叫做web页面

什么是HTML标签?

HTML标记标签通常被称之为HTML标签<ＨＴＭＬ　ｔａｇ>

　　１．ＨＴＭＬ标签是有尖括号包围的关键词，比如＜ｈｔｍｌ＞

　　２．ＨＴＭＬ标签通常是成对出现的，＜ｂ＞＜／ｂ＞

　　３．标签对中的第一个标签是开始标签，也就是首标签，后一个标签是结束标签，也就是尾标签！

　　　　　　ｅｙ：＜首标签＞　内容　＜尾标签＞

好啦！不是废话了，咱们先来一个简单的小案例吧！

ＨＴＭＬ实例：

　　<!DOCTYPE html>

　　<html>
　　　　<head>
　　　　<meta charset="UTF-8">
　　　　<title></title>
　　　　</head>
　　<body>
　　　　我的第一个网页哦!
　　</body>
　　</html>

[小提示:注意代码缩进哦!]

　然后 他的效果 就是这个样子的!

技术分享

 

 

 就着这么简单!虽然丑丑的 但毕竟是第一个嘛!以后会有很多神奇的效果的!

实例解析:

　　1.<!DOCTYPE html>描述了文档类型

　　2.位于<html>与</html>中的描述了文档类型

　　3.位于<body>与</body>中的为可视化网页内容,也就是说,网页 页面中一切你看到的东西都是位于<body>与</body>中的

　　4.  <title></title>标签是页头,也就是你的网页中

　　技术分享

　　这个地方显示的东西!

　　5.目前,在大部分浏览器中,直接输出中文或出现中文乱码的情况而我们的<meta charset="UTF-8">标签就是防止中文乱码的标签

　　6<head></head>则是头部的意思!

 

好啦!就这些吧!大家要自己试一下哦!

                           

HTML 简单了解


联系
我们