//告诉浏览器后面的代码是html代码

    //告诉浏览器当前网页如何显示,如编码,关键词 //告诉浏览器这里是主体部分,显示到网页中

    //html结束

    <!DOCTYPE html>:声明文档类型,告诉浏览器我的当前页面是那个版本的html:告诉浏览器,其中的代码用的什么格式;:告诉浏览器,这是网页的头部,包括了定义网页的一些内容的标签,如:标题、字符集等:就是定义网页字符集、描述、关键词等内容的。如: 字符集:l功能:告诉浏览器,如何翻译汉字。 关键词lhttp-equiv:模拟http协议的文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示。lContent-type:内容类型。lContent:详细内容类型介绍。lText/html:网页是text格式,html是文本中的小格式。lCharset:字符集,主要控制汉字如何显示。lUtf-8:多国语言编码,什么国家的语言都可以正常显示。:当前网页的标题,在网页中是必须的l定义浏览器工具栏中的标题l提供页面被添加到收藏夹时的标题l显示在搜索引擎结果中的页面标题:网页的主体部分,网页中主要内容都要写到body里。HTML 的核心标记 - 图1Figure : imgHTML 的核心标记 - 图2Figure : imgl HTML标记不区分大小写,建议小写。如:、、l HTML标记属性可有可无。有的标记是没有属性的,如:、、等l 双标签的内容在开始和结束标签之间,单标签没有内容。l HTML标签可以相互嵌套,但一定注意是顺序嵌套,外层套内层,一层套一层单标记:标记只有一个,不是修饰内容的而是显示某个功能的,如果图片,设置编码,设置关键词等语法:<标记名称 属性=”值” 属性2=”值2” > :接收的/可以有可以没有,必须根据开发网站时 要求来例:双标记:是修饰内容的标记,有开始有结束标记,中间写要修饰的内容语法:要修饰的内容例:内容文本HTML 的核心标记 - 图3Figure : imgBgcolor:背景颜色 例:颜色:单词、16进制、rgb方式HTML 的核心标记 - 图4Figure : imgBackground:背景图片 例:HTML 的核心标记 - 图5Figure : imgl :文本的修饰 例:文本v Font的标记的属性:Color:文本的颜色 值:颜色Size:文本的大小 值:1-6l :斜体l :加粗l :下划线l :删除线l :下标l :上标HTML 的核心标记 - 图6Figure : imgl :换行,在需要换行的标记后面添加br标记就可以了l:水平线v hr常用的属性:Size:粗细 值:1-100Color:颜色 值:颜色Width:宽度 值:数值(固定)或百分比(根据浏览器的窗口大小自动调整)百分比一般用于响应式网站的开发l——标题标记:双标记,自动换行和加粗l:段落标记l:预排版标记HTML 的核心标记 - 图7Figure : img功能:在网页中显示一些特殊的字符,如,RMB,书名号,+-*/HTML 的核心标记 - 图8Figure : imgHTML 的核心标记 - 图9Figure : imgDiv是双标记,是没有任何意义的块元素,又用的最多,和CSS配合使用,一般称为“DIV+CSS”语法:这里可以放入任何的元素Span是双标记,是没有任何意义的行内元素,又用的最多,和CSS配合使用语法:要放入的元素块元素:不管内容有多少,都会占整个浏览器的一行。一般都是块元素布局。P,h,pre,div,ul,li,ol行内元素:内容多少占多少,一般都是行内元素嵌套到块元素中。HTML 的核心标记 - 图10Figure : img元素:一整套标记的组合这时候可以称为元素标记:div p