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 ...
随机推荐
- 让Git记住用户名和密码
user/username/.gitconfig [credential] helper = store
- 非对称加密算法--DH
注意:本节内容主要参考自<Java加密与解密的艺术(第2版)>第8章“高等加密算法--非对称加密算法” 11.1.非对称加密算法 特点: 发送方和接收方均有一个密钥对(公钥+私钥),其中公 ...
- [WebServer] Windows操作系统下 Tomcat 服务器运行 PHP 的环境配置
前言: 由于本人在开发和学习过程中需要同时部署 JavaWeb 和 PHP 项目,于是整理了网上的一些相关资料,并结合自己的实际操作,记录于此,以供参考. 一.环境(64bit): 1.操作系统.To ...
- 转: JAVA递归算法实例小结
一.递归算法设计的基本思想是: 对于一个复杂的问题,把原问题分解为若干个相对简单类同的子问题,继续下去直到子问题简单到能够直接求解,也就是说到了递推的出口,这样原问题就有递推得解. 在做递归算法的时候 ...
- config配置文件的一些东西
/* 模板相关配置 */ 'TMPL_PARSE_STRING' => array( '__STATIC__' => __ROOT__ . '/Public/static', '__ADD ...
- SQL疑难问题
最近,遇到并解决一个SQL上的疑难问题.考勤系统,记录着员工进出公司的刷卡记录.而员工刷卡并不规范,存在刷多次的情况.例如:出去时连续刷多次,进来时也连续刷多次.筛选有效刷卡记录数据的规则:对于出去时 ...
- Android中的Context
Context用来访问全局信息的接口,比如影城程序的资源.一些常用的组件都是继承自Context,目的就是方便的访问资源,比如Activity, Service.... 从Context访问本组件的资 ...
- 关于Thinkphp Upload类
$this->uploads($picurl); public function uploads($picurl) { $config = array( 'maxSize' => 3145 ...
- Andriod Studio adb.exe,start-server' failed -- run manually if necessary 解决
首先查看了我的任务管理器,共有三个adb的程序在运行: 错误提示的是 Andriod Studio 中的adb.exe启动失败,于是,去关掉另外两个adb.exe,两分钟左右后,又出现了三个adb. ...
- Lombok简化Java代码
导包:import lombok.Data; Lombok简化Java代码: 在Lombok中,生成构造方法的annotation一共有三个:@NoArgsConstructor, @Required ...