HTML

1.HTML

HTML全称为Hypertext Markup Language(超文本标记语言)。超文本指用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本;

超文本也指页面内可以包含图片、链接,甚至音乐、程序等非文字元素;标记语言是一种将文本及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码;

超文本标记语言就是描述文本、图形和包含其他信息的文件组织和链接在一起的方式的一种语言。

一个基本的HTML文件“文档声明”"html标签部分"组成。

2.HTML标签

HTML标签就是由尖括号包围的关键词,如<html>

3.文档声明

文档声明DOCTYPEDocument 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)

相关文章

HTML代码中要想改变字体颜色,常常需要使用CSS样式表。CSS是...
HTML代码如何让字体盖住图片呢?需要使用CSS的position属性及...
HTML代码字体设置 在HTML中,我们可以使用标签来设置网页中的...
在网页设计中,HTML代码的字体和字号选择是非常重要的一个环...
HTML(Hypertext Markup Language,超文本标记语言)是一种用...
外链是指在一个网页中添加一个指向其他网站的链接,用户可以...