Html概要及示例(一)
Html 简介
Html 是一种超文本标记语言，标记往往成对出现，例如 段落标记<p> 层标记 <div> 以及 <marqueen>等等，标记繁多 但未必就要全部掌握，只需要了解常用的一些标记
合理的去使用它们就可以了。 Html 标记点击此处
什么是网页？
网站是由一张张网页构成的，一张网页是由于许许多多的HTML标记来组成的。
一张完整的网页，如下：
<!DOCTYPE html>
<html>
<head>
<!--
head标记之间常常用来引用 一些 脚本文件， 或者样式文件。
下面的utf-8 说明了当前页面 使用的编码规范问 utf-8.
-->
<meta charset="utf-8"/> <title>网页标题部分</title>
</head>
<body>
网页正文部分
</body>
</html>
可以看出，最外层 是HTML 标记包裹起来。
<head></head>标记中间：常常用来书写引用的js文件 或者 css文件 。
该页面在浏览器中执行如图：
那么至此，一张简单的Html 页面，一张网页也就有了。
Html标记的简单使用
学习HTML标记，就好比编程一通百通，掌握了查询 以及如何使用的方法，在以后使用过程中可以熟练运用，更重要的是你不是一个人在战斗，你遇到的问题99%的人可能都已经遇到 并且得到完美解决，查资料无疑是最快的学习方法。
为了证明这一点，那么我们来学习和使用一些标记。
那么我们拿个大家都常常浏览的个人博客来说吧，一篇文章， 具有 “标题”，“内容”，“作者”，“发布时间” 等 基本信息。
怎么样来显示这样的信息，可以看起来公整一些？
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8" />
<title>一条龙活动</title>
</head> <body>
<h1>一条龙</h1>
<h2>一条龙</h2>
<h3>一条龙</h3>
<h4>一条龙</h4>
<h5>这一条龙</h5>
<h6>这一条龙</h6>
<p>
活动类型：日常活动
<br/> 背景介绍：盘古元神即将出世，引发三界动荡，怪事频发。玉帝为了解下界民情，特派龙太子来到人间，搜集世间奇闻异事，上达天听。但龙太子虽神通广大，面对偌大的三界也分身乏术，于是索性现身金陵，张榜悬赏，邀请各路英雄豪杰共同参与，若有人能助他调查这些奇谈轶事，他将给予丰厚的谢礼。
<br/> 参与方式：3人以上组队，在金陵（61,47）处，找到NPC龙太子，领取一条龙任务，即可帮助龙太子调查三界异闻了。
<br/> 奖励次数：每日前10次任务将获得多倍经验奖励，完成第11-20次任务，获得基本经验奖励。若完成次数超过20次，仅获得少量奖励。完成次数超过45次，则无法继续获得当日的奖励
</p>
</body>
</html>
执行结果:
同理 我们可以把上述链接中的标记使用到我们的HMTL 页面中 让页面变得更为的美观一些~~~。
本文仅为抛砖引玉，描述了一些简单的标记，有兴趣的同学可以点击上述HTML 标记查看更多的HTML标记。
下篇文章，将会简述一些常用form 表单元素，以及 超链接元素 <a> ，<img>元素 文件的路径问题。
Html概要及示例(一)的更多相关文章
- Vue.js 很好，但会比 Angular 或 React 更好吗？
文章转自:http://www.oschina.net/translate/vuejs-is-good-but-is-it-better-than-angular-or-rea Vue.js 是一个用 ...
- Spring MVC 学习总结（八）——Spring MVC概要与环境配置（IDEA+Maven+Tomcat7+JDK8、示例与视频）
一.MVC概要 MVC是模型(Model).视图(View).控制器(Controller)的简写,是一种软件设计规范,用一种将业务逻辑.数据.显示分离的方法组织代码,MVC主要作用是降低了视图与业务 ...
- 前端MVC Vue2学习总结（一）——MVC与vue2概要、模板、数据绑定与综合示例
一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.Vue是框架而jQuery则是库. 1.2.AMD与CM ...
- Spring MVC 学习总结（一）——MVC概要与环境配置（IDea与Eclipse示例）
一.MVC概要 MVC是模型(Model).视图(View).控制器(Controller)的简写,是一种软件设计规范,用一种将业务逻辑.数据.显示分离的方法组织代码,MVC主要作用是降低了视图与业务 ...
- .Net 分布式云平台基础服务建设说明概要
1) 背景 建设云平台的基础框架,用于支持各类云服务的业务的构建及发展. 2) 基础服务 根据目前对业务的理解和发展方向,总结抽象出以下几个基础服务,如图所示 3) 概要说明 基础服务的发展会根 ...
- 前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定
一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.AngularJS是框架而jQuery则是库. 1.2. ...
- HTML5 学习总结（一）——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
- CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位
web前端开发者最最注的内容是三个:HTML.CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能 ...
- HTML5 学习笔记（一）——HTML5概要与新增标签
目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
随机推荐
- occ 中绘制二维矩形
在屏幕上绘制一个二级矩形 #include <Visual3d_Layer.hxx> #include <V3d_LayerMgr.hxx> #include <Visu ...
- qt 设置
右击不同类型的文件,点属性,可以选择处理文件的工具,比如自动生成uic qrc右击工程属性,然后可以转换成QT工程翻译文件如果只读的话,可以右击换一个编辑器打开 如果翻译文件只读的话,必须直接使用字符 ...
- django orm总结[转载]
django orm总结[转载] 转载地址: http://www.cnblogs.com/linjiqin/archive/2014/07/01/3817954.html 目录1.1.1 生成查询1 ...
- 定时器springMVC
- java集合中的传值和传引用
在学习java集合过程中发现了传值和传引用的区别: 我们来看下面两句话 ●java集合就像一种容器,我们可以把多个对象(实际上是对象的引用),丢进该容器.(来自疯狂java讲义) ●当使用Iterat ...
- SCSS
CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作. 通俗的说,“CSS ...
- iOS开发——加载、滑动翻阅大量图片解决方案详解
加载.滑动翻阅大量图片解决方案详解 今天分享一下私人相册中,读取加载.滑动翻阅大量图片解决方案,我想强调的是,编程思想无关乎平台限制. 我要详细说一下,在缩略图界面点击任意小缩略图后,进入高清 ...
- Struts2 Action下面的Method调用方法
1. 在struts.xml中加入<constant name="struts.enable.DynamicMethodInvocation" value="tru ...
- 写程序该选Mac 还是PC ?（转）
原文链接:http://gogojimmy.net/2012/04/07/why-programmer-should-use-mac/ 序 一个竞争的市场,就会有对立的产生,这世界存在着很多不同的领域 ...
- android学习之EdieText组件的使用
界面如下 移通152余继彪 该界面由四个EditText组件和Button按钮还有一个通知Toast完成,首先在xml文件中添加了四个组件和一个按钮还有一个文字显示框,java代码部分为button添 ...