浅谈对html的基础认识



一、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转义字符)
&nbsp;
其他常用html转义字符:

>   &gt;

<   &lt;

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>



猜你喜欢

转载自www.cnblogs.com/xiaozhou619/p/9461958.html