基础标签

一,基础标签
  1,<p>标签
    为文本添加段落语义,双标签,可以自动为段落添加段间距,文本中的空白会被忽略,
    空白折叠:HTML语法对空白换行tab这些空白字符不敏感,HTML会将这些空白字符折叠成一个小空格,
    &nbsp:空格
    <br>标签:换行 
    \n回车 \r换行 \t制表符 tab:这些在html语法中不好使,
    属性:align(对齐方式)
  2,<br>标签
    br插入一个简单的换行,单标签<br/>
  3,<hr>标签
    创建一条水平分割线,单标签
    常见属性:
       align:对齐方式;
       width:宽度;
       height:高度;
    注意:今后写分割线尽量不要用hr,使用css设置,
  4,<!--  -->:注释标签
   注释标签,在代码中插入注释,有利于对代码的理解,注释不会显示在页面上,用户看不到,浏览器不会解析注释,
   解析:浏览器将html代码,将用户看不懂的代码变成用户可以看懂的图形界面的过程叫做解析,
   注释快捷键:ctrl+? +/
   扩展:
       css注释:/*注释*/
      js注释://注释
     多行注释:/*
          注释
         注释
           */
  基础标签总结:
   HTML、head、meta、title、link、script、style、body、
   h、p、br、hr、<!-- -->
二,HTML基础标签(二)--功能性标签
  1,address标签
    特定信息:
      如:地址、签名、作者等情况下使用
    语义:地址、双标签、文本斜体显示
    语法:
     <address>北京市 房山区 窦店镇 大窦路 中国信息大学--北京网络职业学院</address>
  2,文本格式标签(大部分是废弃标签、但是还可以用)
    1)b标签
    指定文本加粗,字体样式元素,不建议使用,建议使用css样式实现,双标签
   2)del标签
    删除标签,表明文本已经从文档中删除,文本删除线
    s标签
   3)em标签
     文本强调,通常以斜体渲染,不可乱用,
   4)i标签
     指定文本斜体显示,不做强调
   5)pre标签
     以固定宽度字体渲染字体,
     语文本标签,在这个标签中,空白字符不会折叠
     双标签,块级标签,可以使用align
   6)small标签
     指定内容文本字体比默认字体稍微小一号,
     如果当前字体已经是浏览器支持最小的字号,则不可再小
   7)big标签
     指定内容文本字体比默认字体稍微大一号
     big和small都是语义化标签
   8)u标签
     为指定文本设置下划线
     尽量不要用,会跟a标签混淆
   9)strong标签
     指定文本为强烈强调(粗体显示)
     强调等级远高于em
   10)sup标签
     指定内容以上标形式显示,通常比当前字体小
     a²+b³=(c²-d³)²
   11)sub下标
     指定内容以下标形式显示,通常比当前字体小
     a<sub>123</sub>
三,图像标签
   img标签
   想网页中引入一张图片,img有两个重要属性:src/alt
    src:指向图片的url(统一资源定位符),也就是图片的相对路径或者
   绝对路径
    alt:当图片因为路径原因或网络原因无法正常显示时,浏览器将像是的替代文本
    title:鼠标悬浮显示的提示信息,定义图片标题
    width:设置图片宽度
    height:设置图片高度
    align:对齐方式
     top:图片顶端和文本对齐
     bottom:图片底部和文本对齐
     middle:图片预文本中间对齐
     left:图片在文本左边
     right:图片在文本右边
四,超链接标签
   a标签
    表明超链接的起始或者目的位置
    定义一个超链接,重要属性是href,如果不写href,a标签就变成一个普通的文本标签,href的值是一个超文本地址,一个文本的url
    url:统一资源定位符,每一个网络资源在网络中都有一个统一格式的唯一的地址,这个地址就叫做url,如果这个地址是www的统一资源定位标识,那就是指网络资源。
   特殊属性:target:规定在哪里打开新的页面
        -self:在当前选项卡打开新页面
        -blank:在新的选项卡打开新页面
        -top:在顶级选项卡打开新页面
        -parent:在父类选项卡打开新页面
五,文本分割标签和块级分割标签
  1,span标签
     指定内嵌文本容器,双标签,
   用于组合文档中的行内元素,方便使用样式来格式化,
  如果span没有特殊样式,那么它与普通文本没有任何区别,
  切割文本
  2,div标签
     指定渲染HTML容器,
   定义文档分区或者分节,可以把文档分割为独立的多个区域,作为元素的组织形式,双标签,块级标签,可以放其他的大部分标签,
   面积切割

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值