html语言body标签主要用来放置,从零开始学习前端开发 — 1、HTML基础

一、web标准

web标准-网页制作的标准，它是由一系列标准组成的，主要包含三个方面：

结构(html,xhtml),表现(css),行为(javascript)

注：结构和表现的标准由w3c(万维网联盟)制定，行为标准由ECMA(欧洲电脑厂商联合会)制定

二、html相关概念

1.html—超文本标记语言

2.xhtml—可扩展的超文本标记语言

3.html5—html的第五次重大修改

注：html和xhtml的区别：

XHTML规范：必须小写，有开始结束标签，属性也用双引号。

HTML规范：不区分大小写，有开始和结束标签，也可把结束标签放在开始标签里，如： 。属性可用双引号、单引号(必须配对使用)。

xhtml相对于html并没有增加新的标签，只是语法要求更加严格，比如：

标签必须闭合，标记名称必须小写等

三、dw常用快捷键

1.ctrl+n 新建文件

2.ctrl+u 打开首选参数面板

3.ctrl+s 保存

4.F12 预览网页

5.F4 显示或隐藏文件面板

6.ctrl+z 撤销

7.ctrl+y 恢复

8.ctrl+f 查找

9.ctrl+g 快速跳转到第几行

10.ctrl+tab 编辑窗口切换

四、html基本结构

1.文档声明

html5的文档声明语法：

作用：告知浏览器文档使用哪种 HTML 或 XHTML 规范

2.html是网页的根元素或根标签,所有的网页内容和标签都放在html标签之间

语法：

3.html包含了两大部分：head部分和body部分

head部分：一般设置meta头元素或引入一些外部的css文件，js文件等以及关键词，描述

设置字符编码：

防止网页出现乱码

其他编码格式：gb2312,gbk

body部分：所有要在网页中显示的内容及放置内容的标签都放在body部分

HTML5 基本结构 (新建一个html文件时默认有那些代码)

命名文档类型

说明我们写的是标记语言

文件标题(显示在状态栏上的内容)

编码格式

五、html基本语法

1.常规标记

语法： 标记>

eg:

2.空标记

语法：

eg:

注：a)属性和属性值用等号连接，属性值要放在双引号中(所有标点符号都必须是英文状态下的)

b)标记名称全部使用小写(标准)

c) 属性和属性之间用空格隔开，不分先后顺序

六、html常用标记

1.网页标题

语法： 网页标题内容 (x为1-6)

eg：

我是标题

2.段落文本

语法：

段落文本内容

3.空格

html转义字符：  

注：常用其他转义字符：

">" =>             "

4.强制换行

语法：
(空标记)

5.加粗

语法： 加粗文本内容

加粗文本内容

6.倾斜

语法：倾斜文本内容

倾斜文本内容

7.水平分隔线

语法：

---

8.上标和下标

语法： 上标

下标

9.无序列表

语法：

• aaa
• bbb

...

ul：type 有：circle 空心圆，disc 实心圆，square 实心正方形， none ：前面无符号;

10.有序列表

语法：

2. aaa
3. bbb

...

注：type用来设置序号的类型，可以设置A,a,i,I,1

start用来设置从几开始

eg:代码：

今天天气不错，阳光明媚！适合敲代码！今天天气不错，阳光明媚！适合敲代码！今天天气不错，阳光明媚！适合敲代码！今天天气不错，阳光明媚！适合敲代码！今天天气不错，阳光明媚！适合敲代码！今天天气不错，阳光明媚！适合敲代码！

效果：(默认序号类型是数值 ，设置属性type=“a”起作用，是从b开始  start属性作用)

11.自定义列表

语法：

A

a1

a2

...

Bb1b2

...

注：dt和dd是并列关系

在dl中可以存在多组dt,dd,每组中只能存在一个dt，可以存在多个dd

12.图片

语法：

注：alt和title的区别

title是当鼠标悬停在图片上时要显示的提示信息

alt是当图片由于某些原因无法正常加载时要显示的替换信息