最全最清晰 | 自学前端之html第一天

编辑器:创建文本文件->修改后缀为.html

一、三层结构:html  head  body

<html>  :告诉浏览器是html类型

        <head>    :页面不显示部分
                  <meta>

                <title

       </head> 

        <body>    :页面显示部分

                <h1  align(对齐方式)=left/right/center/justify >    </h1>

                <p bgcolor="yellow"  >    </p>

                <a herf="链接路径 ">    </a>

                <img src=" 图片路径 "   width=   height=   />

       </body> 

</html>


<html>  :告诉浏览器是html类型

        <head>     </head>  :页面不显示部分

        <body>     </body>  :页面显示部分

</html>


注释:<!注释内容>

空格:&nbsp   :<body> &nbsp;&nbsp</body>

换行:<br> 

二、<head>中包含两种标签

1、<meta>

(1)标签

(2)http-equiv   content   charest


2、<title>  

(1)出现在浏览器标题栏——

eg.<title>  我的网页  </title>

三、<body>中包含四种标签

1、标题:

(1)会自动换行

(2)<h1> ~ <h6>   :数字越小,字体越大

(3)

eg.<h1> biggest title </h1>

.<h1 align(对齐方式)="left/right/center/justify" > biggest title </h1>


2、段落:

eg.<p> first paragraph </p>

<p bgcolor="yellow" > first paragraph </p>


3、链接:

eg.<a href="http://www.w3school.com.cn">This is a link </a>

4、图像:

(1)标签

eg.<img src="w3school.jpg" width="104" height="142" />

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值