您的位置：首页 > Web前端 > HTML

html案例详解（一）

2016-05-22 14:25 302 查看
一、入门。

<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页面中是有着特殊含义，这些字符如果需要在页面中显示，这时候就应该使用实体标签。

常用的实体字符:
空格
小于号     <
大于号    >
-----------------------------
人民币    ¥；
版权      ©
商标      ®
-->
<body>
段落标签是使用<p>标"签"<br/>

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

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

<hr/>

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

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航