HTML(二)_基本标签

  1. 文件标签:构成html最基本的标签
    1. html:html文档的根标签
    2. head:头标签。用于指定html文档的一些属性。引入外部的资源
    3. title:定义标题标签
    4. body:体标签
    5. <!DOCTYPE html>:html5中定义该文档是html文档
  2. 文本标签:和文本有关的标签
    1. <h1> to <h6>:标题标签
      1. <h1>到<h6>字体大小逐渐递减
    2. <p>:段落标签
    3. <br>:换行标签
    4. <hr>:显示一条水平线,自闭和标签,<hr/>,也可以不用写斜杠
      1. <hr color='red' wideth="200" size="10" align="left"/>
      2. color:颜色 wideth:宽度 size:高度
      3. align:对齐方式
        1. left middle right
    5. <b>:字体加粗
    6. <i>:字体斜体
    7. <font>:字体标签
      1. 属性:
        1. color:颜色
        2. size:大小
        3. face:字体
    8. <center>:居中
    9. 属性的定义:
      1. color:
        1. 英文单词: red,green,blue
        2. rgb(值1,值2,值3):值的范围:0-255 如 rgb(0,0,255)
        3. #值1值2值3:值的范围:00~FF之间。如:#FF00FF
      2. width:
        1. 数值:width='20',数值的单位,默认是px(像素)
        2. 数值%:占比相对于父元素的比例
  3. 图片标签:
    1. img展示图片,自闭和标签
    2. 属性:
      1. align:top ,right...
      2. alt:古镇,图片加载失败显示图片替换信息
      3. width:宽度 height:高度
      4. src:指定图片的位置
        1. 路劲的写法:
          1. 相对路径:以.开头的路径
            1. ./:代表当前目录
            2. ../:代表后退上一级目录
  4. 列表标签:
    1. 有序列表:按照顺序编号排列
      1. ol:按照1234或者abcd,通过type属性来去指定,type="A"表示abcd

,确定起始字母可以用start="B",表示从B开始

      1. li:写在ol标签内部的每一项中
    • 无序列表:没有顺序编号
      1. ul:修改每一项前面的标号可以通过type="square" 可以通过网上查询修改
      2. li:写在ul标签内部的每一项中
  • 链接标签:
    1. a:定义一个超链接
      1. 属性:
        1. href="超链接点击后跳转的资源位置",访问指定的URL
        2. target="_self" 本页面打开超链接 target="_blank" 新的页面打开超链接

,指定打开资源的方式

3. href="mailto:+邮箱地址" 默认打开本地的邮件客户端

4. 和<img>标签混合使用,达到点击图片到达另一个页面的情况<a href="..."><img src="..."></a>

 

  1. div和span:
    1. sapn:默认情况下文本信息在一行展示,行内标签,内联标签
    2. div:默认一个div占满一整行,块级标签
    3. 二者都没有多么大的用处,最终只是和css配套使用的
  2. 语义化标签:html5中为了提高程序的可读性,提供了一些标签
    1. <header></header>
    2. <footer></footer>
  3. 表格标签:
    1. <table></table>表示一个表格
      1. 属性:
        1. width:宽度
        2. border=1表示允许边框
        3. cellspacing=0表示不允许单元格之间的空白
        4. bgcolor:表格背景色
        5. align:表示对齐方式
    2. 在<table></table>里面包围着<tr></tr>表示一行
      1. bgcolor:背景色
      2. align:文本对齐方式
    3. td:定义单元格 写在tr里面
      1. colspan:合并列
      2. rowspan:合并行
    4. th:定义表头单元格 加粗居中
    5. <caption>:定义表格名称
    6. <thead>:表示表头部分
    7. <tbody>:表格体部分
    8. <tfoot>:表格脚部分

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值