学HTML的第一天

一、html的基本格式

    1、<!DOCTYPE html>声明为HTML5文档(表示文档类型,并帮助浏览器正确显示网页,避免浏览器的怪异模式)

    2、<html>标签定义HTML文档,是HTML页面的根元素

    3、<head>标签用于定义文档的头部,包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8

    4、<title> 标签定义文档的标题,描述了文档的标题

    5、<body>标签定义文档的主体,包含了可见的页面内容  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

二、标签:

   1、 标题标签  <h1>  ~ <h6> : 用来定义标题

          <h1> 定义最大的标题   <h6> 定义最小的标题

          生成h1~h6快捷键:  h$*6

   2、段落标签 <p> :  用来定义段落

   3、换行标签  <br> :  如果希望某段文本强制换行显示,就需要换行标签

   4、水平线标签  <hr/> :  在HTML页面上创建水平线

   5、图像标签  <img>  :   定义HTML页面上的图像

        img标签的属性:

       (1)src: 路径(图片地址与名字)

       (2)alt: 规定图像的替代文本

       (3)title:  鼠标悬停在图片上给予提示

        图片路径

        (1)绝对路径 : 是电脑的盘符存储与访问的具体地址

              " D:\web\img\logo.png "    

<img src="D:\web\img\logo.png">

        (2)相对路径 : 两者相对关系,在同一路径下可以直接访问

              子级关系  : /

              父级关系 :  ../

              同级关系:  ./

        (3)网络路径 : 使用完整的网络地址   "http://www.itcast.cn/imges/logo.gift"

   6、链接标签 <a> :  超链接可以是一个字、一个词、或者一组词,也可以是一张图片,点击这些内容来跳转到新的文档或者当前文档中的某个部分。

         

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值