什么是HTML
HTML是超文本标记语言(hypertext markup language), 我现在用的编辑器叫优快云-markdown, 它是不是跟提到的什么markup啥的有点相似呢?确实如此,不仅可以直接在上面用<h1> </h1>
来表示一级标题,其它的html语言也都支持, 比如 文件头<head> </head>
,标题<title> </title>
,段落标记<p> </p>
, 斜体标记<em> </em>
等都可以直接可以翻译成html。
HT即“超文本”,指的是页面内可以包含图片、链接,甚至音乐、程序等非文字元素。ML即标记语言,指的是用来标记网页结构的语句。超文本语言包括头部分(head)和主体部分(body),头部分用来提供关于网页的信息,主体提供网页的具体内容。
浏览器和web服务器的作用
web服务器夜以继日不知疲倦的工作,它们处理浏览器的各种资源请求,比如浏览网页、图片、看电影、听音乐。当服务器接到针对这些资源的请求时,它们在自己的某个文件路径下找到资源,然后将它们发送到相应的浏览器上。这些资源都是事先人为传到服务器上的,当没有找的对应的资源时,页面就会出现我们常见的404 not found报错。
当你点击某个链接来浏览网页的时候,你的点击导致浏览器向web服务器请求一个HTML网页,web服务器在自己的磁盘找到HTML文件后给浏览器接收,接着浏览器开始显示接收的HTML文件。浏览器怎么知道如何显示一个页面的呢?这就是HTML存在的意义。HTML告诉浏览器页面的结构和内容。
基本的HTML格式
完整的html包括DOCTYPE声明,head,网页编码声明,title标题,body等内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--DOCTYPE声明-->
<html xmlns="http://www.w3.org/1999/xhtml"> <!--告诉html从这里开始-->
<head> <!--页面头开始-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--网页编码声明-->
<title> < /title> <!--给页面一个标题-->
< /head> <!--页面头结束-->
<body> <!--主体开始-->
<h1> < /h1> <!--一级标题-->
<p> <!--开始一个段落-->
<img src="photo.gif">
< /p> <!--结束段落-->
<h2> < /h2> <!--二级标题-->
<p>
< /p>
< /body> <!--结束主体-->
< /html> <!--告诉html在这里结束-->