当前位置:首页 » 网站运营 » 正文

新人必看,HTML代码基本标签(一)

2016年05月18日 09:21:13  分类: 网站运营  参与: 840人  点这评论

什么是HTML
       HTML超文本标签语言(Hyper Text Markup Language)
       网页的“源码”

浏览器:“解释和执行”HTML源码的工具

认识下,HTML代码基本标签(一)1

HTML文档的基本结构

认识下,HTML代码基本标签(一)2

<html>…</html>标签标记 HTML 文档的开始和结束
       HTML编辑工具
       记事本创建网页
       1、打开记事本

2、输入HTML代码

3、保存为*.html或*.htm文件,注意格式问题

4、打开网页预览效果

Dreamweaver CS5创建网页
       网页摘要信息的作用
       有利于浏览器解析有利于搜索引擎搜索

<title>标签

<head>
       <title>章晓雷博客</title>

</head>

认识下,HTML代码基本标签(一)3

认识下,HTML代码基本标签(一)4

<meta>标签

描述文档类型和字符编码
       <head>
       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

</head>

认识下,HTML代码基本标签(一)5

描述搜索关键字和描述

<head>  
       <meta name="keywords" content="" />
       <meta name="description" content="章晓雷博客专注于网络推广技巧、sem竞价、新媒体营销方式,网络运营策划实施的经验分享,是一个值得收藏的网络运营博客" />

</head>
       提供搜索关键字和内容描述信息,方便搜索引擎的搜索
       标题标签

<body>
       <h1>一级标题</h1>
       <h2>二级标题</h2> 
       <h3>三级标题</h3>
       <h4>四级标题</h4>
       <h5>五级标题</h5>
       <h6>六级标题</h6>

</body>

认识下,HTML代码基本标签(一)6

h1最大h6最小前后隔行
       上标与下标标签

<body>
       水H<sub>2</sub>O<br />
       2<sup>2</sup>=4<br />

</body>

认识下,HTML代码基本标签(一)7

特殊符号---HTML转义字符串(Escape Sequence)
       连续空格的书写方式

认识下,HTML代码基本标签(一)8

认识下,HTML代码基本标签(一)9

行控制相关标签
       段落
       <body>
       <h1>静夜思</h1> 
       <p>床前明月光</p> 
       <p>疑是地上霜</p>
       <p>举头望明月</p>
       <p>低头思故乡</p>

</body>

认识下,HTML代码基本标签(一)10

换行
       <body>
       <h1>静夜思</h1>
       床前明月光<br />
       疑是地上霜<br />
       举头望明月<br /> 
       低头思故乡<br />

</body>

认识下,HTML代码基本标签(一)11


来源:章晓雷博客(微信/QQ号:894331553),转载请保留出处和链接!

本文链接:http://www.zxlblog.com/reed/42.html

本文标签:HTML代码  

章晓雷博客版权声明:

①凡注明来源的文章,版权均为本站独家所有,转载需注明“来源:章晓雷博客(www.zxlblog.com)”。

②本站注明其他来源的稿件,转载请注明原文来源地址。如若产生纠纷,本站不承担其法律责任。

③ 如本站转载稿件涉及版权等问题,请作者联系博主QQ894331553及时删除或者做相关处理。

<< 上一篇 下一篇 >>

  • 评论(2)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
  • 1楼 洋洋洋博客 2016-05-18 15:52:11 回复
    路过学习学习 支持作者 支持原创 支持博主 请大家关注一下我 洋洋洋博客 谢谢
  • 2楼 能力邦 2016-08-01 15:39:43 回复
    感谢楼主分享文章,这个真心不错。4343 —— 能力邦专注于提高个人综合能力,助你在成功路上飞奔!

相关文章

最近更新

Tags

好文分享

热评文章

文章归档

博主空间 | 博主微博 | 原创投稿 | 侵权声明 | 网站地图

Copyright © 2015-2016 ZXLBLOG.COM 版权所有 京ICP备15052414号-1