从零开始学习前端开发 — 1、HTML基础"/>
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.有序列表
语法:
- aaa
- 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是当图片由于某些原因无法正常加载时要显示的替换信息
更多推荐
html语言body标签主要用来放置,从零开始学习前端开发 — 1、HTML基础
发布评论