“网站整站优化,SEO外包,口碑营销,香港免备案主机,国内主机”助您的业务成倍飚升~~ QQ:549233124 微信:GanShangWoNiu(二维码见右)

HTML代码基础学习

SEO基础优化 蜗牛SEO 13312℃ 0评论

大家好,现在大家已经了解了什么是SEO,怎么学习SEO,也知道什么是域名怎么使用域名了,那么蜗牛就给大家分享一下学习SEO需要懂的基础的不能再基础的内容:HTML代码基础的学习了。

 

HTML

一、什么是HTML?

HTML(HyperText Markup language)译成中文叫:超文本编辑语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(外语:Head)、和“主体”部分(外语:Body)两部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

而HTML是通过浏览器来转换的,用户请求某个网页,浏览器收到请求,去索取网页,取回来之后,通过将它转换成网民可以直观看到的网页展示出来。

HTML是由标签组成的,HTML中的标签一般是成对出现的,只有极少数的标签是单独使用的。以下是蜗牛找到的一些HTML标签。

<abbr>

<acronym>

<address>

<applet>

<area>

<article>

<aside>

<audio>

<b>

<base>

<basefont>

<bdi>

<bdo>

<big>

<blockquote>

<body>

<br>

<button>

<canvas>

<caption>

<center>

<cite>

<code>

<col>

<colgroup>

<command>

<datalist>

<dd>

<del>

<details>

<dfn>

<dialog>

<dir>

<div>

<dl>

<dt>

<em>

<embed>

<fieldset>

<figcaption>

<figure>

<font>

<footer>

<form>

<frame>

<frameset>

<h1> – <h6>

<head>

<header>

<hr>

<html>

<i>

<iframe>

<img>

<input>

<ins>

<kbd>

<keygen>

<label>

<legend>

<li>

<link>

<main>

<map>

<mark>

<menu>

<meta>

<meter>

<nav>

<noframes>

<noscript>

<object>

<ol>

<optgroup>

<option>

<output>

<p>

<param>

<pre>

<progress>

<q>

<rp>

<rt>

<ruby>

<s>

<samp>

<script>

<section>

<select>

<small>

<source>

<span>

<strike>

<strong>

<style>

<sub>

<summary>

<sup>

<table>

<tbody>

<td>

<textarea>

<tfoot>

<th>

<thead>

<time>

<title>

<tr>

<track>

<tt>

<u>

<ul>

<var>

<video>

<wbr>

 

二、部分HTML的含义与用法

1. meta

META标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。

我们一般最常用到的是meta里面的description、Keywords、两个参数。分别用来填充网页的描述和关键词。

2.title

TITLE 元素仅可在 HEAD 元素内使用。位于 TITLE 开闭标签之内的文本都会在浏览器的标题栏和 Microsoft Windows 的任务栏上显示。对于 Web 页,“Internet Explorer”会被自动追加到标题后。而在 HTML 应用程序(HTA)中,仅会显示指定的标题。

3.H

H标签 即 heading标签 。 Heading标签也叫做H标签,HTML语言里一共有六种大小的heading 标签,是网页html 中对文本标题所进行的着重强调的一种标签,以标签<h1>、<h2>、<h3>到<h7>定义标题头的七个不同文字大小的tags,本质是为了呈现内容结构。共有六对,文字从大到小,依此显示重要性的递减,也就是权重依次降低。

4.strong 标签和B 标签

从大量的事实证明,strong标签与B标签都能相同程度的加粗文字内容。但现在人们做优化的时候多用 strong标签来加粗,必竟,从字意来讲,strong是加强的意思。

5. 其它标签的说明

A标签:用来标明超连接的起始位置或目的位置。

ALT标签:alt用来对网页上的图片进行描述,光标在图片上时显示的提示语即采用该标签实现。

DIV标签:用 来在网页中加入一个层。

Br标签:用来换行

P标签:用来标明一内容为另起一段内容。

H r标签:标签在 HTML 页面中创建一条水平线。

_blank  :在新窗口打开页面

_self    :覆盖本窗口打开页面。
_parent :表示窗体的父继承,就是(在框架中)frame或者iframe的上一级窗口。如果是一组相同的框架页面,那么就必须使用该属性,否则框架出错。
-top    :最顶层的窗体(比如一个窗口中含很多的frame,iframe,在这些元素中,top表示包含他们的母窗体,即最开始的那个),一样是常用在js中

Table   : 窗口标签

Li      :li标签是HTML语言里的一个元素标签, li 标签定义列表项目。

Link    :并不代表一个指令,只是一个普通的关键字。link:域名 搜索结果是包含这样一个关键字词组的所有网页,与 其他普通关键词的搜索一样。并不是查找反向链接。

Img    :图片标签。

 

关于HTML标签,蜗牛今天就讲到这里了,更多的使用方法,要大家在实际操作中去体会,去熟悉。如有兴趣的朋友,请大家到“蜗牛SEO博客”获取更多蜗牛给大家的分享,相信大家一定会得到意外的惊喜。

转载请注明:蜗牛SEO博客 » HTML代码基础学习

喜欢 (0)or分享 (0)