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    ：图片标签。