点击上方蓝字关注
作为一名网络营销人员，不要求要有程序员一样的编程能力，但要了解基础的代码知识。对于建站来说，有必要了解HTML代码基础。下面一起来了解下HTML代码基础。
先来了解几个概念：
HTML：是Hyper Text up Language的缩写，是超文本标记语言或是超文本标签语言。
HTML是构成网页文档的主要语言，它使用一系列的标签来结构化信息。
HTML文件的扩展名是.html或.htm。
HTML是目前网络上应用最为广泛的语言，它可以跨网络、跨平台进行传输。
HTML文档结构
HTML文档，以<html>开始，以</html>结束，任何不在这两个标签之间的内容都不属于HTML文档，也不可能在网页上有所显示。
head头部：以<head>开始，以</head>结束，包含显示在网页标题栏中的标题title和其他一些浏览器需要但不会在网页中显示的信息。
body主体部分：以<body>开始，以</body>结束。这部分是网页主要内容的集合体，包含在网页中显示的文本、图像、链接等具体内容。
HTML的基础标签
1：<title>（网页标题）
2：<meta>（用于提供网页信息）
3：<h#>（定义文档标题）
4：<p>（定义新段落）
5：<br/>（用来换行）
6：<strong>（表示强调）
7：<img>（定义图片）
8：<a>（设置超链接）
<title>标签
<title>代表网页标题，出现在HTML文档的头部以<title>开始，以</title>结束，中间是网页标题。
<meta>
<meta>用于提供网页信息，出现在HTML文档头部；
字符集也叫编码，在HTML语言中用charset表示，是文字和符号的总称；
gb2312是简体中文字符集，big5是繁体中文，utf-8可以全球访问。
<meta>中的keywords和description，连同title三个标签，即SEO中的TDK，是非常重要的优化项。
Keywords，是关键词，用于设定网页的关键词，便于搜索引擎了解网页的主要内容并将网页显示在对应的搜索结果中。
description，是描述，简要的介绍网站的有关情况。
title、keywords、description三个标签非常关键
<h#>
在body部分，以<h#>开始，以</h#>结束，中间是标题内容。
数字越小级别越高，在标题的默认外观上，级别越高的标题就越大越醒目。
<h#>用来定义文档标题，#可以用数字1-6替代。
<p>
<p>用来定义新段落，在body部分，以<p>开始，</p>结束，中间是段落内容。
<br/>
<br/>是用来换行的。
使用<p>标签时，相邻的段落之间会插入一些垂直的间距，使用<br/>标签时，是在一个段落里自动换一行。
注意：<br></br>逐渐演变成<br/>。
补充：<hr/>是水平线标签
<strong>
<strong>表示强调，默认外观是加粗。以<strong>开始，以</strong>结束，中间是想要强调的内容。
<img>
<img>用于定义图片，通过相关属性来对图片进行设置。
案例：<img src="http://y2.ifengimg.com/a/2015/0715/logo_news_z.gif" alt="凤凰网资讯" width="127" height="27">
Img告诉浏览器该处是图片；src指定图片文件所在路径；alt对图片进行简短描述。
<a>
<a href=“所要链接到的URL” >超链接在网页上显示的内容</a>
相对地址与绝对地址：
www.bdqn.cn/a.html（简称a）
www.bdqn.cn/b.html（简称b）
相对地址：
<a href=“b.html” >跳转到b</a>
绝对地址（使用绝对地址更有利于seo）：
<a href=“www.bdqn.cn/b.html” >跳转到b</a>
target=“_blank”，在新窗口打开；
target=“_self”，在本窗口显示。
代理编写注意事项：
所有标签小写；
不要忘记标签的闭合；
标签要正确嵌套；
涉及到属性的标签，其属性名要加引号
也许您还关注
更
多
精
彩
请猛戳右边二维码
公众号ID
mubibai17
点击“阅读原文”
本文来源于：建站分享（三）初识HTML代码基础-变化吧门户
特别声明：以上文章内容仅代表作者本人观点，不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。
- 赞助本站
- 微信扫一扫
-
- 加入Q群
- QQ扫一扫
-
评论