HTML--超文本标记语言Summary(一)

本文详细介绍了HTML的基础知识,包括HTML的定义、用途、标签使用方法以及文档结构,适合初学者快速掌握网页制作的基本技能。

...基础类...补课

什么是HTML?

HTML 是用来描述网页的一种语言。

#应该就是写网页的代码...

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

HTML文档的后缀名

  • .html
  • .htm

以上两种后缀名没有区别,都可以使用。

实例解析

  • <!DOCTYPE html> 声明为 HTML5 文档

#相当于预处理?类似于头文件之类的东西?反正就是开头必须有这个声明Orz....

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的,以下方式均可:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

通用声明:

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • <html> 元素是 HTML 页面的根元素

#类似...目录?

  • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8

#数据就是类似于坐标啦还有长宽还有各种显示或者不显示的参数之类的巴拉巴拉...

  • <title> 元素描述了文档的标题

#标题

  • <body> 元素包含了可见的页面内容

#这一部分才是放真正看到的东西地方

  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>

#用法:尖括号<>

  • HTML 标签通常是成对出现的,比如 <b> 和 </b>

#用法:成对出现

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

#用法:开放标签  闭合标签

HTML 网页结构

下面是一个可视化的HTML页面结构:

<html><head>

<title>页面标题</title>

</head><body>

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

</body> </html>

#只有 <body> 区域才会在浏览器中显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值