1.HTML
HTML全称为Hypertext Markup Language(超文本标记语言)。超文本指用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本;
超文本也指页面内可以包含图片、链接,甚至音乐、程序等非文字元素;标记语言是一种将文本及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码;
超文本标记语言就是描述文本、图形和包含其他信息的文件组织和链接在一起的方式的一种语言。
一个基本的HTML文件由“文档声明”和"html标签部分"组成。
2.HTML标签
HTML标签就是由尖括号包围的关键词,如<html>
3.文档声明
文档声明DOCTYPE是Document Type的缩写,告知浏览器当前文件的类型是HTML,浏览器可以正确的去加载它。
4.HTML标签
1.块标签 (独占一行,换行显示;可以设置宽高;块级标签可以嵌套块级标签和行级标签)
div标签:无特殊意义,主要用于网页布局
标题类标签h1~h6,<h1>定义最大的标题,<h6>最小
段落标签p,用于定义一个段落
换行标签br
无序列表ul
有序列表ol
定义列表dl,dt,dd三种标签,其中dl表示定义列表,dt表示定义列表的标题,dd表示定义列表的内容
2.行标签(在行内显示;内容撑开宽高,不可以设置宽高(input,img除外);行标签只能嵌套行标签)
span标签
em标签:表示用来强调,默认状态下是倾斜效果
strong标签:表示用来强调,默认状态是加粗效果,比em更强烈的强调
var标签:表示变量,默认状态是倾斜效果
b标签:表示加粗,默认状态就是加粗的效果
i标签:用来表示倾斜的效果,常用于小图标
u标签:表示文本有下划线
a标签:超链接,a标签可以拥有href,title,target3个常用且重要的属性;a标签还可以作为锚链接。
a标签的href属性:用于指示链接的目标,必不可少。对于外部链接,通常使用完整的地址,包括协议及网站的地址,没有协议是无效链接;内部链接直接书写路径即可。
a标签的title属性:网站开发者希望用户能够通过链接,看到这个链接的一些介绍信息;链接设置 title 属性,当用户的鼠标移入超链接时,会显示title属性的具体属性值;SEO优化
a 标签的target 属性:用于控制链接页面的打开位置,默认点击一个超链接,会自动刷新当前页面。 _blank 值浏览器总在一个新打开、未命名的窗口打开目标文档 。_self 默认在当前页打开
img标签:src属性用于设置路径,alt属性用于设置图像的替代文本,当网速慢等因素造成图片加载失败替代原图片显示的文字;
title 属性是用于鼠标放在图片上显示出来的对图片的解释;width属性和height属性可以设置图片的宽和高。
表单元素:
form 标签(块级元素)
input 标签:根据type类型定义input的具体表现类型。<input type="text" name="" value="">。 value 属性是用户输入的值,也可以设置文本域默认值。name 值是服务器接受值的键名
下拉按钮菜单(select&option)
多行文本输入框(textarea)
label 标签
搜索引擎优化(SearchEngine Optimization,简称SEO),指在了解搜索引擎自然搜索机制的基础之上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键字的自然排名,获得更多的展现量,吸引更多目标客户点击访问网站,从而达到互联网营销及品牌建设的目标 SEO可以帮助将网站中的高质量内容更好的呈现给搜索引擎,SEO和搜索引擎,是良性的共生关系
HTML代码SEO优化:
标签语义化:根据标签的语义合理使用 图片alt一定要合理书写 a标签内部的文本(锚文本)对关键词排名影响非常大 合理利用搜索引擎重视的标签 (title,strong,h1-h3,a,em,img&alt)