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 ...
随机推荐
- 切换jdk版本
切换JDK 开发中jdk版本需要是1.3.1,当前电脑中用的是jdk1.8 下载jdk1.3.1 可以在官网上下,但是我捣鼓半天,发现下载又慢又需要账号,所以在CSDN下了个 地址,可以下载第一个ex ...
- Python实践所遇问题记录
1.在cmd中直接输入'python'提示:'python'不是内部或外部命令,也不是可运行的程序或批处理文件. 原因:没有为Python设置环境变量. 解法:控制面板->系统->高级系统 ...
- LCM在Kernel中的代码分析
lcm的分析首先是mtkfb.c 1.mtk_init中platform_driver_register(&mtkfb_driver)注册平台驱动 panelmaster_init(); DB ...
- css选择符
E>F:子选择符,选择所有作为E元素的子元素F.<style type="text/css">li>a {color: #ccc;}</style&g ...
- 临界区 TRTLCriticalSection 和 TCriticalSection
临界区对象TCriticalSection(Delphi) 与 TRtlCriticalSection 的区别 TRtlCriticalSection 是一个结构体,在windows单元中定义: 是I ...
- WebView 的使用----android 网络连接处理分析
在Android中,可以有多种方式来实现网络编程: 创建URL,并使用URLConnection/HttpURLConnection 使用HttpClient 使用WebView 创建URL,并使用U ...
- CF #296 (Div. 1) A. Glass Carving 线段树
A. Glass Carving time limit per test 2 seconds memory limit per test 256 megabytes input standard in ...
- 关于java 定时器的使用总结
直接上代码,代码中有注释(代码中还有一些本人的其他测试,读者可以忽略不计).读者在代码中发现了bug,欢迎指正. package j2se.system.test; import java.text. ...
- 将halcon导出的c++程序打包成dll库
1.从“文件”菜单中,选择“新建”,然后选择“项目…”. 2.从“项目类型”窗格中选择“Visual C++”下的“Win32”. 3.从“模板”窗格中,选择“Win32 控制台应用程序”. 4.为 ...
- c调用python
#include <Python.h>//python33(python2.x有几个函数不对应) /* PyImport_ImportModule 导入一个Python模块并返回它的指针 ...