1。HTML(HypertextMarkupLanguage)超文本标记语言根据W3C标准,一个网页主要由三部分组成:结构(HTML用来描述页面的结构)性能(CSS负责页面的样式,美化页面)行为(JavaScript负责页面的行为,用于响应用户操作)2、HTML的基本书写格式(1)html根标签一个页面中只有一个根标签。网页中的所有内容都要写在html根标签中(2)head标签这个标签中的内容不会直接显示在页面上,它是用来帮助浏览器解析页面的(3)title标签标题默认情况下,网页中的标签将显示在浏览器的标题栏中搜索引擎在检索页面时,将首先检索标题标签中的内容。对于搜索引擎而言,它是网页上最重要的内容,它会影响网页在搜索引擎中的排名。将有一个专门的SEU来研究标题是如何写的。(4)body标签用于设置网页的主要内容网页中所有可见的内容都要写在body中(5)评论中的内容将不会显示在页面上,但是可以在源码中查看,可以通过注释来描述代码,养成良好的注释习惯。注释必须简单明了。'(单引号或者双引号都可以)一个标签中可以同时设置多个属性,属性之间需要用逗号隔开。首先4.文档声明或h5文档声明声明当前网页是按照HTML5标准编写的.一定要在网页顶部写上h5文档声明。如果不写文档语句,会导致部分浏览器进入怪异模式。进入该模式后,浏览器在解析页面时会产生一些意想不到的行为。5、字符集声明meta用来告诉浏览器网页使用的编码字符集。是一个自闭合标签,用来设置网页的一些源数据,比如网页的字符集、关键字、介绍等。MetaOtherAttributes:使用meta标签为网页设置关键字/描述网页。当搜索引擎检索一个页面时,它也会检索该页面中的关键字和描述。但是这两个值不会影响页面在搜索引擎中的排名。使用meta可以用来重定向请求例子:5秒刷新,上百度6.常用标签(1)标题标签:在HTML中,标题标签有六级。h1-h6就显示效果而言,h1最大,h6最小,但是我们不关心文字的大小。在使用HTML标签时,我们关心的是标签的语义。我们使用的标签都是语义标签。在6级标题中,h1最重要,表示网页的主要内容,h2-h6的重要性依次递减。一个页面只能有一个h1。对于搜索引擎来说,h1的重要性仅次于title。(2)段落标签:p标签段落标签用于内容中的一个段落。p标签中的文字默认会占一行,段落之间会有一个空格。(3)br标签在HTML中,不管字符间写了多少个空格,浏览器都会将其解释为一个空格。br标签可以表示从结束标签开始换行(4)hr标签在页面中从结束标签开始产生横线7.实体(转义字符串)在HTML中,一些特殊字符如<>不能直接使用.需要用一些特殊字符来表示。我们将这些特殊符号称为实体,也称为转义字符串。实体语法:8.图片标签img标签的属性:src设置外部图片的路径,目前使用相对路径。相对路径:指相对于当前资源所在目录(如当前程序文件所在文件夹)的位置。可以使用../返回一级目录。alt用于设置图片无法显示时对图片的描述。搜索引擎可以通过alt属性识别不同的图片。width修改图片的宽度,一般以px为单位heigth修改图片的高度,一般以px为单位注意:当width和height只设置其中一个时,另一个会同时按比例调整大小.一般开发中,除了自适应页面,不建议设置宽高。9.图片格式JPEG(JPG):支持的颜色较多,图片可以压缩,但不支持透明度。JPEG一般用于保存照片等色彩丰富的图片。GIF:支持很少的颜色,只支持简单的透明或动态图像。一般gif可用于单色或动态图片。PNG:支持多种颜色,支持复杂的透明度。可用于显示具有复杂颜色的透明图像。(大量使用)图片使用原则:效果不一致,就用最好的效果;如果效果一致,就用小的。10.xHtml语法规范(1)不区分大小写,但我们一般使用小写(2)注释不能嵌套(3)标签结构必须完整。要么成对出现,要么自闭标签。浏览器将尽最大努力正确解析页面。如果你写的不符合规范,浏览器会自动更正,但在某些情况下它会更正错误。(4)标签可以嵌套,但不能交叉嵌套(5)标签中的属性必须有值,并且值必须用引号引起来(单引号或双引号都可以)11.内联框架可以引入一个内联框架外部页面。使用iframe创建内联框架。属性:src:指向外部页面的路径,可以使用相对路径widthheightname:为内嵌框架指定一个name属性注意:在实际开发不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎索引。12、超链接使用标签建立超链接,可以从一个网页跳转到另一个网页href属性:指向链接跳转的目标地址,可以写相对路径或完整路径。注意:如果链接地址设置为#,点击超链接后,会自动跳转到当前页面的顶部。target属性指定打开链接的位置。可选值:*_self表示在当前窗口打开(默认值)*_blank在新窗口打开链接*可以设置内联框架的name属性值,链接会在指定的Openhyperlink
ininlineframe提示:在html中,每个元素可以设置id属性。作为标签的唯一标识符。13.文标em主要表示对语调的强调。在浏览器中默认斜体显示strong表示强调的内容,比em强,默认粗体显示请注意
i标签中的内容会是以斜体显示,b标签中的内容将以粗体显示注意:根据H5规范,对于不需要强调而只是粗体或斜体的内容,可以使用small标签中的b和i标签内容小于其父元素的文本。使用h5中的small标签来表示一些详细的内容。例如:合同中的小字,网站版权声明的citetag,网页上所有带有书名的内容,表示引用的内容。例如:书名、歌名、剧名、电影名……《论语》是我喜欢的一本书
q标签表示短引用(内联引用),q标签引用的内容,浏览器会默认加上引号。blockquote标签表示长引用(块级引用,不能放在p标签中,但可以包含在div标签中)。sup标签设置了一个上标子标签来表示a下标22
H2O
pre是一个pre-table标签,将在代码中保存格式,没有多个空格将被忽略。code专门用来表示代码。一般pre和code一起用来表示一段代码。14.列表(1)。无序列表使用ul标签创建无序列表使用li在ul项中一个一个创建一个列表,一个li是一个列表项,无序列表的bullet可以通过type属性修改。可用值:圆盘(实心点)、方形、圆形。ul和li都是块元素(2)。Yes序列表与无序列表类似,只是ol取代了ul有序列表,使用有序序号作为bullettype属性,可以指定序号的类型。可选值:1(阿拉伯数字)、a/A(英文)、i/I(罗马数字)ol也是块元素有序列表和无序列表可以相互嵌套(3)。定义列表用于定义一些词汇或内容定义使用dl创建定义列表dl中有两个子标签:dt:定义idea的内容dd:定义内容的描述dl、ul、ol均可相互嵌套