HTML基本介绍

r囧r小猫 2024-04-17 17:24 7阅读 0赞

## HTML是什么 ##

超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的

## 学HTML前要注意什么 ##

##### 工具 #####

原则：自己喜欢  
编辑器：

notepad++			最基本的文本编辑器，用来替代TXT，必备。
    DW					没用过，喜欢的同学可以自己尝试用一下
    sublime text		功能强大，比较常用的的编辑器，用起来还不错，是收费软件，可以无限期试用
    VS Code				微软出的一款编辑器，功能强大，免费，可自行下载插件，也是几款主流之一
    WebStorm			专门用来开发web的编辑器，智能，也是比较主流的编辑器
    H5 Builder			适合新手使用的编辑器，国产，上手方便，功能齐全，俗称“傻子编辑器”，因为上手太简单。
    Editplus			一款由韩国 Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器

##### 浏览器 #####

Chrome浏览器			必备
    Firefox浏览器
    IE浏览器(IETester)
    safari浏览器
    opera浏览器
    
    五大浏览器，都可以下载下来使用，至少要有Chrome

###### html核心是语义化 ######

HTML本身是不表示样式的，虽然有的标签会有一些固定的样式，但这并不是html的主要做用，html的主要作用还是建构网页结构

## html标签 ##

> 单标签  
> `<img src=".../a.jpg">`  
> <>创建一个标签  
> img 标签名  
> src 属性  
> …/a.jpg 属性值

> 双标签  
> `<a href="http://www.baidu.com">百度</a>`  
> <> 创建标签  
> 标签的开始  
> 标签的闭合  
> href 属性为超链接  
> “http://www.baidu.com” 属性

## 主题结构 ##

<!DOCTYPE html>		//声明头，告诉我们语法为html5
    <html> 	//网页标签
    <head>		//网页的预定义信息都写在这组标签当中
        <meta charset="UTF-8"> //给网页设置字符集编码
        <title>t</title>	//网页标题
    </head>
    <body>		//展示给用户看的内容都写在body标签当中
        
    </body>
    </html>

## html发展史 ##

> HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时  
> 超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）  
> HTML 3.2——1997年1月14日，W3C推荐标准  
> HTML 4.0——1997年12月18日，W3C推荐标准  
> HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准  
> XHTML1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布  
> XHTML 1.1，于2001年5月31日发布，W3C推荐标准  
> XHTML 2.0，W3C工作草案  
> XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案  
> HTML 5——2014年10月28日，W3C推荐标准  
> 前身：Web Applications 1.0  
> 于2004年被WHATWG提出  
> 于2007年被W3C接纳  
> 在2008年1月22日，第一份正式草案发布

功能性标签

列表

1.  无序列表  
    ul li
2.  有序列表
    
        ol li
        type属性
3.  图片  
    网页当中如何使用一张图片  
    src属性 -----用来引入图片的路径  
    绝对路径和相对路径
    
        相对路径：相对于当前位置的路径   一个  ../ 表示上级
        绝对路径：文件的
    
    width属性和height属性—图片宽高  
    alt属性------------在图片加载不出来时显示的内容
4.  超链接  
    什么是超链接，如何在网页中定义个超链接------href属性  
    http/https协议  
    title属性  
    展示给用户看的文字
5.  div标签和span标签  
    网页切割  
    包含普通的文本内容
6.  表格  
    如何创建一个表格  
    table标签  
    border属性(边框)  
    例如:----width属性  
    例如:300px  
    rule属性-------例如:all  
    创建表格中的行-------tr  
    创建表格中的列-------td  
    创建表格中的头-------th

> td  
> align（对齐方式）---------------left/right/center/justify  
> colspan------------------规定单元格可横跨的列数  
> rowspan-----------------规定单元格可横跨的行数

> cellspacing---------------单元格与单元格之间的间距  
> th--------------------------- 创建表格中的标题  
> cellpadding-------------------单元格与内容之间的空隙

## 辅助类标签 ##

辅助类标签  
标题标签 -----h1 - h6  
段落标签 ----- p  
水平线 ----- hr  
删除线 ----- del  
倾斜强调 ----- em  
加粗强调 -----strong  
斜体文本----- i  
预格式文本 ----- pre  
换行----- br  
注释-------``  
[常用的标签归纳][Link 1]  
地址：http://www.w3school.com.cn/tags/html\_ref\_byfunc.asp

#### 实体字符 ####

[实体字符参考手册][Link 2]  
地址： http://www.w3school.com.cn/tags/html\_ref\_entities.html

以上就是html基本内容的介绍，当然html的内容还远远不止这些，还有一些内容就等到我们以后再来介绍，包括CSS和JS等前端的内容。

[Link 1]: http://www.w3school.com.cn/tags/html_ref_byfunc.asp
[Link 2]: http://www.w3school.com.cn/tags/html_ref_entities.html