从零开始学习HTML5

目录

第一章、概述

1.1、网站和网页的区别

1.2、什么是HTML语言

1.3、网页的形成

1.4、Web标准

1.5、Web标准的构成

 第二章、HTML标签

2.1、语法规范

2.2、基本结构标签

2.3、字集符

2.4、文本标签

2.5、表格表单标签

2.5.1、input输入表单元素标签

2.5.2、label标签

2.5.3、select下拉表单元素标签

2.5.4、textarea文本域元素

2.6、列表标签

2.7、图像标签和路径

2.8、超链接标签

第三章 注释和特殊字符

5.1、注释

5.2、特殊字符


第一章、概述

1.1、网站和网页的区别

网站:网页的合集;网页:是网站中的一页。

网页是构成网站的基本元素,它通常由图片、文字、链接、视频等元素组成。网页通常以.htm.html后缀结尾的文件,因此将其称为HTML文件

1.2、什么是HTML语言

HTML是指超文本标记语言Hyper Text Markup Language),是用来描述网页的一种语言。

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

所谓超文本,有2层含义:

1、它可加入图片、声音、动画、多媒体等内容,超越了文本限制;

2、还可以从一个文件夹跳转至另一个文件夹,与与世界各地主机的文件连接。

1.3、网页的形成

网页是由网页元素组成的,这些元素是利用html标签描述出来的,然后通过浏览器解析来显示给用户的。(前端开发人员 一> 浏览器显示代码(解析、渲染)一> 生成Web页面)

1.4、Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合

W3C(万维网联盟)是国际最著名的标准化组织。

1.5、Web标准的构成

主要包括结构(Structure)表现(Presentation)、和行为(Behavior)三个方面。

   标准                                                    说明
   结构            用于对页面元素进行整理和分类,相对最重要的是HTML。

   表现

    用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
   行为     行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript。

 第二章、HTML标签

2.1、语法规范

1、HTML标签是由尖括号包围的关键词,例如:<html>;

2、HTML标签通常成对出现,例如<html> </html>,称为双标签

3、有些特殊标签必须是单个标签,例如<br />换行标签,称为;<hr/>分割线,

4、标签关系:双标签关系可分为两类:包含关系并列关系

2.2、基本结构标签

每个网页都会有一个基本的结构标签(也称骨架标签),页面内容也是在这些基本标签上书写。

标签名 定义 说明
<html> </html> HTML标签 页面中最大的标签,称为根标签
<head> </head> 文档的头部 在<head>标签中必须要设置的标签是<title>
<title> </title> 文档的标题 让页面拥有一个属于自己的网页标题
<body> </body> 文档的主体 元素包含文档的所有内容,页面内容基本都放在<body>里
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
          <title>标题<title>
    </head>
    <body>
          主体
    </body>
</html>

1、<!DOCTYPE>是文档类型声明标签,用于浏览器识别使用哪种HTML版本来显示页面。

2、lang语言:定义文档显示的语言。(en:英文;zh-CN:中文

2.3、字集符

字集符(Character set)是多个字符的集合,以便计算机识别和存储各种文字。

在<head>标签内,可通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

<meta charset="UTF-8"/>

charset常用的值有:GB2312、BIG5、GBK和UFT-8,其中UTF-8称为万国码,基本包含了全世界所有国家需要用到的字符。

标签语义

标签语义是指标签含义,根据语义在合适的地方给一个最合理的标签,可让页面结构更清晰

2.4、文本标签

1、标题标签<h1> - <h6>。

标题一共六级选,文字加粗一行显,由大到小依次减,从重到轻随之变。

<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>

2、段落标签<p>,把文档分割为若干段。

<p> 段落标签 </p>

3、换行标签<br />,特殊标签单独出现。(每次出现都会段内换行)

     水平分割线标

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值