一、web标准
web标准是网页制作的标准,它不是一个标准,是一系列标准,大部分的标准由W3C制定,还有一部分标准由ECMA制定。
web标准由结构(html,xhtml),表现(css),行为(js)三个方面构成
W3C—万维网联盟(结构标准和表现标准)
ECMA—欧洲电脑厂商联合会(行为标准)
二、html相关概念
1.HTML—超文本标记语言
2.XHTML—可扩展的超文本标记语言
3.HTML5—HTML的第五次重大修改
注:HTML和XHTML的区别
a)XHTML并没有增加任何新的标签,只是语法要求更加严格
b) 比如标签必须闭合,标记名称必须要小写,属性值必须放在双引号中
三、html基本结构
1.文档声明(告知浏览器文档以什么样的规范呈现)
h5的文档声明 <!doctype html>
2.网页的根标签(根元素):html
<html></html>
所有代码都放置在html标签中
3.html又包含两大部分:head部分和body部分
head部分主要用来设置文档的头部,关键词,描述,引入一些外部文件等
body部分:所有要显示在浏览器中的网页内容和内容标签都放在body部分
4.设置字符集编码
<meta charset="utf-8"/>
常见编码格式:utf-8,gbk,gb2312
四、html语法
1.常规标记
<标记 属性="属性值" 属性="属性值"></标记>
eg: <a href="#" target="_blank">百度一下</a>
2.空标记
<标记 属性="属性值" 属性="属性值"/>
eg: <img src="1.jpg"/>
注: a) 属性和属性值之间用等号连接
b) 属性值要放在双引号中
c) 多个属性之间用空格隔开,不分先后顺序
五、html常用标记(标签)
1.文本标题
语法: <hx>标题文本</hx>
注:x为1-6
eg: <h1>内容</h1>
2.段落标记
语法: <p>段落文本内容</p>
3.空格(html转义字符)
其他常用html转义字符:
> >
< <
4.换行
语法: <br/>
5.加粗
语法:<strong>加粗文本</strong>
<b>加粗文本</b>
6.倾斜
语法:<i>倾斜文本</i>
<em>倾斜文本</em>
7.水平分隔线
语法:<hr/>
8.上标和下标
上标: <sup></sup>
下标:<sub></sub>
9.无序列表
语法:<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
...
</ul>
10.有序列表
语法: <ol>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
...
</ol>
11.自定义列表
语法:<dl>
<dt>a</dt>
<dd>a1</dd>
<dd>a2</dd>
...
<dt>b</dt>
<dd>b1</dd>
...
</dl>
12.相对路径的三种写法
(a)当当前文件和目标文件在同一目录下时,写法: 目标文件名+扩展名
(b)当当前文件和目标文件所处文件夹在同一目录下,写法: 目标文件所处文件夹名/目标文件名+扩展名
(c)当当前文件所处文件夹和目标文件所处文件夹在同一目录下,写法:../目标文件所处文件夹名/目标文件名+扩展名
注:../代表返回到上一级目录
13.图片
语法: <img src="图片路径" title="提示文本" alt="替换文本" width="x" height="y"/>
注:alt与title的区别:
a)title是鼠标悬停在图片上时显示的提示信息
b)alt是当图片由于某些原因无法正常加载时显示的替换信息
14.超链接
语法:<a href="链接地址" target="_blank" title="提示信息">链接文本或图片</a>
注: target="_blank" 链接在新页面打开
target="_self" 默认属性值,在本页面打开
空链接 <a href="#">资讯</a>
浅谈对html的基础认识
原文:https://www.cnblogs.com/xiaozhou619/p/9461958.html