一、入门。

<html>

<!-- 头信息的作用

	1. 可以设置网页的标题。

    2. 可以通知浏览使用指定的码表解释html页面.

    3. 

 -->

    <head>

    	<meta http-equiv="content-type" content="text/html;charset=utf-8" />

    	<title>这个是我的第一个网页</title>

        <meta name="keywords" content="java培训,php培训,C#培训，羊肉、狗肉、猪肉"/><!--一个网页的关键字最好是3-4个。 seo(搜索引擎优化)                    	  -->

    </head>

    <!-- 网页的内容应该写在body标签体内的。 -->

    <body>

    	今天天气不错...

    </body>

</html>

二、常用的标签。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>html常用的标签</title>

<!--

html常用的标签：

	<h1>~<h6> 表示是一个标题

	<p>   段落标签

    <hr/>  水平线标签

 	<br/>  换行标签

    <sub>  下标

    <sup>  上标

    <pre>  原样标签： 原样标签会保留空格和换行符。

    <ol> <li> 有序的列表标签、

    <ul> <li> 无序的列表标签。

    项目列表标签(dl dt dd)

    行内标签(span)

	块标签<div>    div标签的内容会独立占一行。

html的标签作用：用于描述一个网页的结构的。

如果需要操作数据的样式：通过标签的属性操作的。 

标签的类型：

	1. 有开始标签与结束标签。  <p> </p>  需要把网页的数据内容封装到标签中。

    2. 开始标签与结束标签都是在一个标签体内的。  比如： <hr/>    功能单一不需要封装数据到标签中。

-->

</head>

<body>

		                               <h1 align="center">讲解html喽，可以和javase同步学习哦</h1>

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

<p>  今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错。</p>

我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了。

<hr/>

水的化学式：H<sub>2</sub>O

<br/>

2的16次方：2<sup>16</sup>

<hr/>

<pre>

                                       静夜思

                                床前明月光，疑是地上霜。

                                举头看屏幕，低头写代码。

</pre>

<hr/>

今晚吃啥好呢？

	<ol type="a">

    	<li>火锅</li>

        <li>烤鸭</li>

        <li>烤鱼</li>

    </ol>

中午吃啥好呢？

	<ul type="square">

    	<li>木桶饭</li>

        <li>猪脚饭</li>

        <li>白切鸡</li>

    </ul>

公司的组织结构：

	<dl>

    	<dt>技术总监</dt>

        <dd>码农1号</dd>

        <dd>码农2号</dd>

        <dd>码农3号</dd>

        <dd>码农4号</dd>

        <dt>人事总监</dt>

        <dd>妹子1号</dd>

        <dd>妹子2号</dd>

    </dl>

<span>我现在在学习html，</span><div>后天学习css+javascript</div>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<!--

为什么要学实体标签：

	因为> < 等一些符号在html页面中是有着特殊含义，这些字符如果需要在页面中显示，这时候就应该使用实体标签。

常用的实体字符:

	空格       

    小于号     <

    大于号    >

-----------------------------

    人民币    ¥；

    版权      &copy;

    商标      &reg;

-->

<body>

    段落标签是使用<p>标"签"<br/>

该毛衣的价格：¥298<br/>

<<深入javaweb>>该书版权归属于：&copy;张孝祥

<hr/>

本次活动最后的解释器归属于：&reg;南京邮电大学

</body>

</html>

html案例详解（一）的更多相关文章

  1. spring的IOC，DI及案例详解

    一:spring的基本特征 Spring是一个非常活跃的开源框架:它是一个基于Core来架构多层JavaEE系统的框架,它的主要目的是简化企业开发.Spring以一种非侵入式的方式来管理你的代码,Sp ...

  2. 深入浅出 spring-data-elasticsearch - 基本案例详解（三

    『  风云说:能分享自己职位的知识的领导是个好领导. 』运行环境:JDK 7 或 8,Maven 3.0+技术栈:SpringBoot 1.5+, Spring Data Elasticsearch ...

  3. ​ 用一个开发案例详解Oracle临时表

    ​ 用一个开发案例详解Oracle临时表 2016-11-14 bisal ITPUB  一.开发需求  最近有一个开发需求,大致需要先使用主表,或主表和几张子表关联查询出ID(主键)及一些主表字段 ...

  4. http500：服务器内部错误案例详解（服务器代码语法错误或者逻辑错误）

    http500:服务器内部错误案例详解(服务器代码语法错误或者逻辑错误) 一.总结 服务器内部错误可能是服务器中代码运行的时候的语法错误或者逻辑错误 二.http500:服务器内部错误案例详解 只是一 ...

  5. spss进行判别分析步骤_spss判别分析结果解释_spss判别分析案例详解

    spss进行判别分析步骤_spss判别分析结果解释_spss判别分析案例详解 1．Discriminant Analysis判别分析主对话框 如图 1-1 所示 图 1-1 Discriminant ...

  6. str_replace函数的使用规则和案例详解

    str_replace函数的使用规则和案例详解 str_replace函数的简单调用: <?php $str = '苹果很好吃.'; //请将变量$str中的苹果替换成香蕉 $strg = st ...

  7. 第7.20节 案例详解：Python抽象类之真实子类

    第7.20节 案例详解:Python抽象类之真实子类 上节介绍了Python抽象基类相关概念,并介绍了抽象基类实现真实子类的步骤和语法,本节结合一个案例进一步详细介绍. 一.    案例说明 本节定义 ...

  8. 第7.18节 案例详解：Python类中装饰器@staticmethod定义的静态方法

    第7.18节 案例详解:Python类中装饰器@staticmethod定义的静态方法 上节介绍了Python中类的静态方法,本节将结合案例详细说明相关内容. 一.    案例说明 本节定义了类Sta ...

  9. 第7.16节 案例详解：Python中classmethod定义的类方法

    第7.16节  案例详解:Python中classmethod定义的类方法 上节介绍了类方法定义的语法以及各种使用的场景,本节结合上节的知识具体举例说明相关内容. 一.    案例说明 本节定义的一个 ...

  10. 第7.13节 案例详解：Python类变量

    第7.13节 案例详解:Python类变量 上节介绍了类变量的定义和使用方法,并举例进行了说明.本节将通过一个更完整的例子来说明. 一.    定义函数dirp def dirp(iter): ret ...

随机推荐

  1. ES6（数据结构_2）

    数据结构—2 Map 与 Array 的对比 Set 与 Array的对比 Map 与 Object 的对比 Set 与 Object 的对比 (增.查.改.删) 一.Map 与 Array 的对比 ...

  2. Docker常见仓库Nginx

    Nginx 基本信息 Nginx 是开源的高效的 Web 服务器实现,支持 HTTP.HTTPS.SMTP.POP3.IMAP 等协议. 该仓库提供了 Nginx 1.0 ~ 1.7 各个版本的镜像. ...

  3. DISC社交风格测试题--老虎 孔雀 考拉 猫头鹰

    凭直觉,迅速回答 "我是谁",而不是"我应该是谁,或我想我是谁". 1.关于人生观,我的内心其实是: A 希望能够有尽量多的人生体验,所以会有非常多样化的想法. ...

  4. ngx.re.match使用示例

    s='...12ab345cde...' r, e = ngx.re.match(s,'(\\d+)([a-z]+)(?<num>\\d+)(?<word>[a-z]+)') ...

  5. ngx.re.match

    ngx.re.match syntax: captures, err = ngx.re.match(subject, regex, options?, ctx?, res_table?) contex ...

  6. 解决 oracle IO占用率很高的问题

    突然user io占用率很很高,看了一个AWR报告,发现direct path read temp,direct path write temp的的数率很高,后来怀疑是临时表空间不够了,就试着设了一下 ...

  7. Web自动化框架LazyUI使用手册（6）--8种控件对应的class，及可对其进行的操作

    概述: 本文详述8种控件对应的class,及可对其进行的操作 回顾: 回顾一下,下文中的工具设计思路部分: http://blog.csdn.net/kaka1121/article/details/ ...

  8. JavaMail API 概述

    JavaMail API提供了一种与平台无关和协议独立的框架来构建邮件和消息应用程序. JavaMail API提供了一组抽象类定义构成一个邮件系统的对象.它是阅读,撰写和发送电子信息的可选包(标准扩 ...

  9. Dynamics CRM2013 流程拷贝

    在CRM中工作流是一个非常不错的功能,在实际业务场景中能满足各种业务需求.在我们设置一个工作流的时候,同一个实体一个逻辑功能可能需要多个工作流来实现,而多个工作流的不同之处可能只是启动时间或者是步骤中 ...

  10. Android简易实战教程--第二十话《通过广播接收者，对拨打电话外加ip号》

    没睡着觉,起来更篇文章吧哈哈!首先祝贺李宗伟击败我丹,虽然我是支持我丹的,但是他也不容易哈哈,值得尊敬的人!切入正题:这一篇来介绍个自定义广播接收者. 通常我们在外拨电话的时候,一般为使用网络电话.如 ...