html5学习笔记(2)

HTML基础详解
1.声明:<!DOCTYPE>

Html 有许多不同的版本,只有完全声明使用的确切HTML版本,浏览器才能完全正确的显示出Html页面,这就是<!DOCTYPE>的用处。
  HTML5:
   <!DOCTYPE html>
  HTML 4.01:
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
  XHTML 1.0:
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  只是一个声明,并不是一个标签

<pre name="code" class="html"><pre name="code" class="html"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <h1>标题1</h1>
   <h2>标题2</h2>
   <h3>标题3</h3>
   <h4>标题4</h4>
   <h5>标题5</h5>
   <h6>标题6</h6>
</body>
</html>


 
 

 <head></head>标签主要是定义头部的信息,编码格式如"UTF-8",标题<title>,文字的显示形式 "en"英文显示
"zh"中文显示
<body></body>之间为页面主要内容

标题标签分为<h1></h1>......<h6></h6>

效果如图


从1到6越来越小

段落标签

<p>Hello world</p>

hello

效果如图


经过<p>标签定义之后的文本是另起一行显示的,如果不经过p标签定义则只会在hello world后直接显示hello ,p标签起的是段落的效果

<a href ="http://www.baidu.com"></a> 标签起到的是超链接的作用

效果如图


<img></img>标签标示引入一个图片

效果如图:


最终代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <h1>标题1</h1>
   <h2>标题2</h2>
   <h3>标题3</h3>
   <h4>标题4</h4>
   <h5>标题5</h5>
   <h6>标题6</h6>
   <p >hello world</p>
    hello
    <a href="http://www.baidu.com">链接到百度</a>
    <img src ="images/u1.jpg">
</body>
</html>


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值