网站html代码解析

1、什么是HTML文件?

HTML中文叫做“超文本标记语言”,一个HTML文件不仅包含文本内容,还包含一些标记,一个HTML文件的后缀名是.htm或者是.html。用文本编辑器(Dreamweaver)就可以编写HTML文件。

2html文件的基本结构:(成对出现)

<html>        html文件开始

<head>      html文件的头部开始

... ...      头部内容

</head>      html文件的头部结束

<body>      html文件的主体开始

... …      主体内容

</body>         html文件的主体结束

</html>      html文件结束

3<title></title>:网页标签

<title> 网站名称</title>

4mate标签(关于网页信息)

<metaname="description" content=“网络营销学院">:网页描述,包含关键词,在网页前台不显示,但会在搜索结果显示。<metaname="keywords" content="seo,网络营销,sem">网页关键词,包含关键词,几乎无作用了,在网页前台不显示,只在代码中显示。

5、文本标题字标签

文本标题通过<h1></h1>···<h6></h6>6对标记来定义标题文字大小,越往后字体越小。

标题字标签对齐属性align,包括 Left(左对齐)Center(居中)Right(右对齐)

语法是: <h1 align="center"></h1>

<h1>:权重最高,一个网页只能用一次。<h2>权重其次,<h3>权重再次,这两个标记可多次使用。<h4>···<h6>是没有权重的。

6<!--XXXXX-->代码注释,XXXXX不会显示在网页里的。
7、字符实体:由3部分组成,符号&+实体名字或实体编号+;

8、列表标签:有三种——无序列表,有序列表和定义列表

无序列表:<ul></ul>

列表项:<li></li>

9、超链接:<a></a>

属性:href——指定链接地址(网址)

target:指定链接的目标窗口(target="_blank 表示在新的页面打开目标链接)

title:鼠标悬停的文字提示

rel: 阻止传递权重(友情链接)

语法:

<a href="url"  target="_blank"  title=“文字提示" rel=“nofollow”>

 10、插入图片:<img/>(单个标记)

属性:src——图片所在位置

 宽度:width,高度:height 

语法:<img src="图片名称 ”  width=“100”  height="100">

(把目标图片提前放入自己所建的站点中)

 例:在图片后上加入百度链接:

<a href="https://www.baidu.com/" target="_blank" title="植荟"><img width="100" height="100" src="logo.gif"/></a>

11、段落标签<p></p>

  换行标签<br> (单个)