HTML-基础开篇

  <html></html>

通常为双标签,都是成对出现的,一个开始标签一个结束标签,结束标签会比开始标签多一个"/".

单标签,特殊的标签(极少情况),例如<br/>

标签关系 : 包含关系和并列关系

包含关系

<body>

   <div></div>

   <a></a>

</body>

<body>标签包含<div>标签和<a>标签   <div>标签和<a>标签并列

一丶 基本结构标签

 <html>

   页面的所有内容

   <head>    <!--页面头部--!>

        <title>页面标题</title>

   </head>

   <body>页面身体</body>

</html>

 二丶页面标签基本介绍

   <!DOCTYPE html>  最上面 这行代码表示当前页面使用html5的版本显示网页

   文档类型声明标签,必须在文件顶部

 

   <html lang="en"> 当前文档显示的语言 en 为英文 zh-CN为中文 fr为法语

 

<meta charset="UTF-8">指定字符集UTF-8

三丶文本标签

<h1></h1>.....<h6></h6>

标题标签 共分为6级 从h6 --> h1逐级增粗增大

段落标签  <p>我是一个段落标签</p>  用来控制文章段落

换行标签  <br/>  换行使用  是一个单标签

文本格式化标签

    加粗 <strong>  <b>

    倾斜 <em>  <i>

    删除线  <del> <s>

    下划线   <ins> <u>

四丶<div>和<span>标签

 

<div>和<span>没有具体的语义,用来部局,可以看作为一个盒子存放内容的

<div>块级标签 会换行

<span>行级标签 不会换行

五丶图片标签

 

<img src="http://www.baidu.com/sddasadsd.jsp" />

图片标签为单标签

    src用来指定图片地址 

    alt替换文本当图片显示不出来时用文本替换

    title鼠标放到图片上会有文本提示

六丶目录文件夹和根目录

  目录文件夹: 就是普通文件夹,用来存放页面相关的素材, 比如 (html文件, 图片等)

   根目录: 打开项目后的第一层为根目录

    

              

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值