html案例详解(一)

一、入门。

<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>


转载于:https://www.cnblogs.com/wanghang/p/6299804.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值