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 ...
随机推荐
- C++ void*的使用
void*类型可以存储任何类型的指针,使用的时候强制转化成对应类型的指针便可. #include <iostream> #include <vector> using name ...
- 怎么解决xp系统不能安装NET Framework4.0?
第一步: 如果是XP系统: 1.开始——运行——输入cmd——回车——在打开的窗口中输入net stop WuAuServ 2.开始——运行——输入%windir% 3.在打开的窗口中有个文件夹叫So ...
- VS2010开发AutoCAD 2012 .net应用程序调试时断点不起作用
VS2010+ AutoCAD 2012开发调试过程中,发现普通的Class里面的断点是可以跟踪到的,可能是创建自定义的Form做界面是,Form1.cs中的代码断点却不管用.原因在于AutoCAD的 ...
- Apache多端口监听
打开:config/httpd.conf 找到Listen 80 在下面增加你要监听的端口,修改后如下: Listen 80 Listen 81 重启apache服务器
- Kotlin 介绍
Kotlin (0:00) 大家好,我是 Michael Pardo,今天我要给大家展示一下 Kotlin 这门语言,同时看看他如何让你在 Android 开发的时候更开心,更有效率. Kotlin ...
- Myeclipse安装SVN插件（转）
方法一:在线安装 1.打开HELP->MyEclipse Configuration Center.切换到SoftWare标签页. 2.点击Add Site 打开对话框,在对话框Name输入Sv ...
- centos7 jexus在vmware下能访问，主机访问不了解决方案
能PING通,访问不了web,先在CMD测试telnet ip 80看看是否是防火墙的问题. 修改防火墙,打开指定端口 1 安装iptables [root@centos ~]# yum instal ...
- 关于win10系统自带浏览器IE11的JQuery使用问题
<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8&quo ...
- 用jQuery Mobile做HTML5移动应用的三个优缺点
JQuery Mobile 和 HTML5 的 3个优点 1. 上手迅速并支持快速迭代:在一个星期多一点的时间里,通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobi ...
- 【转】Linux下如何清除系统日志
使用过Windows的人都知道,在使用windows系统的过程中系统会变得越来越慢.而对于Windows下饱受诟病的各种垃圾文件都需要自己想办法删除,不然系统将会变得越来越大,越来越迟钝!window ...