一、入门。

<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. Spring + Mybatis 集成原理分析

    由于我之前是写在wizNote上的,迁移过来比较浪费时间,所以,这里我直接贴个图片,PDF文件我上传到百度云盘了,需要的可直接下载. 地址:https://pan.baidu.com/s/12ZJmw ...

  2. PHP 安全 E-mail

    PHP E-mail 注入 首先,请看上一章中的 PHP 代码: <html> <body> <?php if (isset($_REQUEST['email'])) / ...

  3. MongDB PHP7

    ---恢复内容开始--- PHP7 Mongdb 扩展安装 我们使用 pecl 命令来安装: $ /usr/local/php7/bin/pecl install mongodb 执行成功后,会输出以 ...

  4. Docker创建 tomcat/weblogic 集群

    安装 tomcat 镜像 准备好需要的 jdk.tomcat 等软件放到 home 目录下面,启动一个容器 docker run -t -i -v /home:/opt/data --name mk_ ...

  5. Docker Hub

    目前 Docker 官方维护了一个公共仓库 Docker Hub,其中已经包括了超过 15,000 的镜像.大部分需求,都可以通过在 Docker Hub 中直接下载镜像来实现. 登录 可以通过执行 ...

  6. Android-FloatingActionButton

    Android-FloatingActionButton android-floating-action-button 我的地址:https://github.com/kongqw/android-f ...

  7. Android studio - Failed to find target android-18

    看了一下国外的解决方案,好多人也都遇到此类问题.看老外的聊天,由衷觉得着实的可爱,同时外国的月亮也不见得比国内的圆.以下是他们的对话(最后有一个小总结):   I have a problem wit ...

  8. Spring Boot 中应用Spring data mongdb

    摘要 本文主要简单介绍下如何在Spring Boot 项目中使用Spring data mongdb.没有深入探究,仅供入门参考. 文末有代码链接 准备 安装mongodb 需要连接mongodb,所 ...

  9. 不应滥用named let

    > (define (f x) x) > (define (g x) (let rec((x x)) x)) > (define a '(1 2 3)) > (f a) ( ) ...

  10. 你知道如何为iOS工程改名吗？

    我们在iOS开发中,难免会遇到项目做到一半要改名字的情况.如果项目名差的太大,工程名看起来总是不舒服的,有良心的开发者可能就会想着为工程改个贴切的名字,那么你就为用到本文记录的内容. 如果我们开发的两 ...