HTML基础概览-优快云博客

本文链接：https://blog.youkuaiyun.com/Cengineering/article/details/77725481

什么是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在这里结束-->