HTML4(一)

简介: HTML4(一)

1 HTML概述

1.1 什么是HTML

HTML:Hyper Text Markup Language,超文本标记语言(文字、图片,音频、视频、动画等)

超文本:暂且简单理解为 “超级的文本”,和普通文本比,内容更丰富。

标 记:文本要变成超文本,就需要用到各种标记符号。

语 言:每一个标记的写法、读音、使用规则,组成了一个标记语言。

1.2 相关国际组织

1.、IETF

全称:Internet Engineering Task Force(国际互联网工程任务组),成立于1985年底,是一个权威

的互联网技术标准化组织,主要负责互联网相关技术规范的研发和制定,当前绝大多数国际互联网

技术标准均出自IETF。官网:https://www.ietf.org

2、W3C

全称:World Wide Web Consortium(万维网联盟),创建于1994年,是目前Web技术领域,最具影

响力的技术标准机构。共计发布了200多项技术标准和实施指南,对互联网技术的发展和应用起到

了基础性和根本性的支撑作用,官网:https://www.w3.org

3、 WHATWF

全称:Web Hypertext Application Technology Working Group(网页超文本应用技术工作小组)成立

于2004年,是一个以推动网络HTML 5 标准为目的而成立的组织。由Opera、Mozilla基金会、苹果,

等这些浏览器厂商组成。官网:https://whatwg.org/

1.3 HTML发展史

2 HTML标签

1、 标签 又称 元素,是HTML的基本组成单位。

2、 标签分为:双标签 与 单标签 (绝大多数都是双标签)。

3、 标签名不区分大小写,但推荐小写,因为小写更规范。

4、 双标签:

5、 单标签:

例:

<input>

6、 标签之间的关系:并列关系、嵌套关系,可以使用 tab 键进行缩进:


3 HTML标签属性

1、 用于给标签提供 附加信息。

2、 可以写在:起始标签 或 单标签中,形式如下:

例:

<marquee loop="1" bgcolor="orange">尚硅谷,让天下没有难学的技术!</marquee>
<input type="password">

3、 有些特殊的属性,没有属性名,只有属性值

例:

<input disabled>


4 HTML基本结构

<html>
  <head>
    <title>网页标题</title>
  </head>
  <body>
    ......
  </body>
</html>

5 HTML编辑器

编辑器:vscode

插件:Live Server

6 HTML注释

<!--这是一段注释-->

注意:注释不可嵌套注释

7 HTML标准结构

生成一个网页包含以下内容,title里面写网页名字,body里面写网页内容

<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>Title</title>
  </head>
  <body>
  
  </body>
</html>

文档声明

字符编码

<head>
  <meta charset="UTF-8">
</head>

设置语言

主要作用:

  • 让浏览器显示对应的翻译提示
  • 有利于搜索引擎优化
<html lang="zh-CN">


目录
相关文章
|
5月前
|
移动开发 前端开发 搜索推荐
|
6月前
|
前端开发 搜索推荐
html的常用技巧
【4月更文挑战第1天】html的常用技巧
24 2
|
前端开发 C++ Windows
HTML详解连载(1)
HTML详解连载(1)
|
6月前
|
前端开发 JavaScript
HTML
HTML
256 0
|
移动开发 UED HTML5
HTML实用小技巧🚀🚀
HTML实用小技巧🚀🚀
|
前端开发 程序员
HTML详解连载(5)
HTML详解连载(5)
|
容器
认识HTML
认识HTML