分享对HTML基本知识的总结

零下一度

发布时间：2017-06-26 15:43:01

1413人浏览过

来源于php中文网

原创

　　html 基本认识

一、简介

　　1.HTML是超文本标记语言，标准通用标记语言下的一个应用，解释性语言。

　　2.“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

　　3.超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

立即学习“前端免费学习笔记（深入）”；

二、语言特点（内容摘抄自--百度百科）

　　1.简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。　　

　　2.可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

　　3.平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行原因之一。

　　4.通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

三、整体结构

　　HTML标准文件结构有一个基本的整体结构，即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

　　1.文件代码整体

　　　　标记符,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,是超文本标记语言文件的开始标记和结尾标记。

　　2.头部内容

　　　　；这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，

　　　　其中标题标记符用于定义网页的标题，它的内容显示在网页窗口栏中，网页标题可被浏览器用作书签和收藏清单。

医院网站系统

HTML医院网站系统基于PHP+MYSQL开发，在文章内容网站的基础上，预设了医院概况、新闻动态、环境设备、名医荟萃、专科介绍、就医指南、专家门诊值班表、网上挂号、医疗保健知识、在线咨询等医院网站常用的栏目和测试数据，采用适合医院网站的专用模版，增强了系统的针对性和易用性。系统具有文章、图文、下载、社区、表单、用户等基本系统模块和一系列网站辅助功能，用户也可根据自身特点任意创建和修改栏目，适合创建

下载

　　　　 HTML head 元素：

　　　HTML当中的meta标签

 1  2  3      4         HTML当中的meta标签 5          6          7          8          9         10         11         12         13         14         15         16         17         18         19         20         21         22         23         24         25         26     27     28     29

HTML当中的meta标签

　　　head标签中的Script标签和Style标签

 1  2  3      4         head标签中的Script标签和Style标签 5          6          7          8         12         13         14         15         16         17         22     23     24         25     26

head标签中的Script标签和Style标签

　　3.主体内容

　　　　；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

　　　 HTML当中的文本标签

1 2 3 4 HTML当中的文本标签 5 6 7 8 9

让我们来看一下，字体字体的大小变化

让我们来看一下，字体的大小变化

15 16 17

18 19 20 文字加粗
21 22 23 文字加粗（强调）
24 25 26 斜体（强调）
27 28 29 让你随时脉动回来！
30 31 32 让你随时脉动回来！
33 34 35 H₂0
36 37 38 2²=439 40 41

p标签代表段落，一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字

42 43 44

HTML当中的文本标签

　　文本标签页面展示效果：

 1  2  3      4         HTML当中的文本标签 5          6      7      8         HTML当中的文本标签
 9         10         11         正大光明
12         正大光明
13         14         15         沙僧说：师傅，大师兄和二师兄被妖怪抓走啦~~
16         17         18         US
19         20         21         测试删除线测试删除线测试删除线测试删除线测试删除线苍老师？，被删除了哈哈
22         23         24         25             鬼吹灯系列丛书
26             鬼吹灯之精绝古城
27             鬼吹灯之黄皮子坟
28             鬼吹灯之云南虫谷
29         
30         31         32         33             男：
我们分手吧~~
34             女：
为什么？
35             男：
我怀孕了~~
36             女：
不，不可能，我不相信……
37             男：
你看你，我们连最起码的信任都没有了，还谈什么？
38             女：
…………
39         40     41

HTML当中的文本标签

　　HTML当中的列表标签

 1  2  3      4         HTML当中的列表标签 5          6      7      8         HTML当中的列表标签
 9         10         11             有序列表1
12             有序列表2
13             有序列表3
14         
15         16         17         18             无序列表1
19             无序列表2
20             无序列表3
21         
22         23         24         25         *26         * *27         * * *28         * * * *29         
30     31