一、入门。

<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. RDO Stack: Failed connect to server

    Issue: When you create an instance, but cannot connect to the VNC Server because of the error messag ...

  2. Android 性能优化（一）内存篇

    欢迎转载,转载请标明出处: http://blog.csdn.net/johnny901114/article/details/54377370 本文出自:[余志强的博客] 本博客同时也发布在 Hoo ...

  3. GDAL打开mdb文件失败解决方法

    使用GDAL打开mdb文件时提示下面错误信息: ERROR 1: Unable to initialize ODBC connection to DSN for DRIVER=Microsoft Ac ...

  4. Dynamics CRM2016 WebApi查询之alternate key

    本篇继续来分享web api查询中的一条,利用alternate key进行查询. alternate key是个什么东西这里就不解释了如果有不知道的可以去看sdk.这里以房号信息实体为例,新建一个键 ...

  5. Dubbo框架应用之（二）--服务治理

    Dubbo服务治理全貌图 当我们现有ITOO平台系统的业务随着用户的逐渐增大,设计的业务越来越广,系统会异常的复杂,在大规模服务之前,我们可以采用的是RMI或Hessian等工具,暴露和引用远程服务, ...

  6. 剑指Offer——京东实习笔试题汇总

    剑指Offer--京东实习笔试题汇总 编程题1 题目的详细信息已经记不住,只能大致描述一下,就是求最有价值的的委托信息. n.s.B.S其中n代表委托信息,s要求的最有价值的委托信息的个数,B代表买入 ...

  7. Linux下创建软链接

    创建软链接: ln -s /newdisk/app-tpl/apache-tomcat-7.0.47/webapps/app-tpl-webapp/ /newdisk/UCMSServer/tomca ...

  8. SQL Server 执行计划操作符详解（2）——串联(Concatenation )

    本文接上文:SQL Server 执行计划操作符详解(1)--断言(Assert) 前言: 根据计划,本文开始讲述另外一个操作符串联(Concatenation),读者可以根据这个词(中英文均可)先幻 ...

  9. 分布式缓存GemFire架构介绍

    1什么是GemFire GemFire是一个位于应用集群和后端数据源之间的高性能.分布式的操作数据(operational data)管理基础架构.它提供了低延迟.高吞吐量的数据共享和事件分发.Gem ...

  10. Solr 5.5.0 + tomcat 7.0.69 + zookeeper-3.4.6 Cloud部署

    Solr介绍:Solr是一个独立的企业级搜索应用服务器,Solr基于Lucene的全文搜索服务器,同时对其进行了扩展,提供了比Lucene更为丰富的查询语言,同时实现了可配置.可扩展并对查询性能进行了 ...