基础Html学习

基础HTML学习

1.HTML 简介

  1. 网页

    • 网站是网页的集合
    • 网页是网站中的一“页”,通常是HTML格式的文件
    • 由图片。链接,文字。声音。视频等元素组成
  2. 什么是HTML

    • 指的是超文本标记语言
  3. web标准

    • Web标准是由W3C组织何其他标准化组织制定的一系列标准的集合。W3C(万网联盟)是国际著名的组织
    • 包括结构,表现,和行为三方面
  4. Html标签

    • 尖括号包围的关键词
    •  <html>
      
    • HTML标签是成对出现
      <html></html>
      
    • 特殊的单标签
         <br />
      
      
  5. 标题标签

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    # 一直到6级标题h1-h6  ,字号依次变小
    
  6. 段落标签和换行标签

    • <p> 段落标签</p>
      <br /> //换行标签
      
  7. 文本格式化标签

    • <strong>加粗文字</strong>
      <b>加粗</b>
      <em>倾斜</em>
      <i>倾斜</i>
      <del></del>或者<s></s> //删除线
      <u></u> 或者<ins> </ins> 下划线
      
  8. div和span标签

    • div标签用来布局,一行只能放一个div,可理解为大盒子
    • span标签可以一行放置多个span,可以理解小盒子
  9. 图像标签

    • 相对路径:以引用文件所在位置为参考基础,建立出的目录路径。图片相对于HTML页面的位置

      • 同级路径:
      • 下一级路径: /
      • 上一级路径:…/
    • 绝对路径:" \ "

    • <img src ="#url"/> 
      //属性值:alt: 文本(图像不能显示的文字,替换文本);
      title:文本(提示文本,鼠标放在图像上,显示的文字)
      width: 像素(设置图像的宽度)
      height:像素(图像的高度)
      border:像素(图像的边框粗细)
      
  10. 超链接标签

    • <a href ="跳转的目标" target="目标窗口的弹出方式">文本或者图像</a>
      //target 的属性:_self :当前页面打开;_blank:新窗口打开
      
    • 连接分类

      • 内部链接

        • <a href="内部链接地址"> </a>
          <a href="文件名/压缩包/等">下载链接</a>
          //链接的包含
          <a href="http://www.baidu.com"><img src="xx.jpg" /></a>
          
      • 外部链接

        • <a  href="http://www.baidu.com" target="_blank">百度</a>
          
      • 锚点链接

        • 链接文本的href属性中属性值为 #名字 的形式,如<a href ="#two">第二集</a>
          找到目标位置标签,添加一个id属性=刚才的名字,如:<h3 id ="two"> 第二季的介绍</h3>
          
      • 特殊字符

        • 特殊字符描述字符代码
          空格符&nbsp
          &和号&amp
          人民币&yen
          ©版权&copy
          ®注册商标&reg
          ²平方2(上标2)&sup2
          立方3(上标3)&sup3
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值