zoukankan      html  css  js  c++  java
  • html标签

    1. 排版标签

    - 标题标签 h1-h6
    - 段落标签 p paragraph
    - 水平线标签 hr horizaontal <hr /> 单标签
    - 换行标签 br  break  <br />  单标签
    - div和span标签  division 分割,分区 span 跨度,跨距,范围
        //这两个标签是没有语义的,是网页布局的主要两个盒子,用来装语义元素的
        ##div用来布局,一行只能放一个div;而span一行可以有多个,显示在一行的
    

    2. 文本格式化标签

    - b标签 bord 加粗  <b> </b>
    - strong标签 加粗 有强调的意思,推荐使用
    - i标签 倾斜
    - em标签 倾斜,语义更强,推荐使用
    - s标签 加删除线
    - dle标签 加删除线  推荐使用
    - u标签 加下划线
    - ins标签 加下划线   推荐使用
    

    3. 标签属性

    - img标签  单标签,必需属性<img src="" /> 属性不分先后顺序,以空格隔开,是key="value"的形式
        // alt属性 替换文本,当图片找不到时,显示的文字
        // title属性 提示文本,鼠标停在图片上显示的文字
        // width和height 像素 设置宽度或者高度,两个给其中一个值即可,会根据一个值等比例变化
        // border 数字 设置图像边框的宽度  后边会用css来做
    

    4. 链接标签

    - a 标签 
        // herf用于指定链接地址的url,必需属性
        // 外部链接:<a herf="http://">文本内容</a>  
        // 内部链接: <a herf="文件路径">文本内容</a>
        // 空链接:<a herf="#">文本内容</a>   空链接,点击没有反应
        // 其他标签也是可以添加链接的,比方图片---> <a herf="http://www.baidu.com"><img src="图片路径" /></a> 
            ## 点击图片即可以跳转到http://www.baidu.com这个地址了
    - target标签 用于指定页面链接的打开方式
        // 有两种方式self和blank,_self为默认值,在当前页打开,这样会把原来页面覆盖;_blank是在新的空白页面打开,原来的页面还存在
            ## <a herf="http://www.baidu.com" targe="_blank"><img src="图片路径" /></a>  在新的页面打开
            ## 可以设置所有链接打开方式默认都是新页面打开
                ## 在head标签中添加base标签--> <head>其他内容和标签 <base target="_blank"/> </head>
    

    5. 注释标签

    - 写法<!-- 内容-->
    - 快捷键是ctl+shift+/
    

    6. 预格式化文本标签(用的比较少)

    - pre标签 就是把html文件中文字内容原样显示出来,识别空格和换行
    

    7. 特殊字符(不是标签是一种符号)

    - 空格 &nbsp;
    - > &gt; 大于号
    - < &lt; 小于号
    
    When nothing seems to help, I go look at a stonecutter hammering away at his rock, perhaps a hundred times without as much as a crack showing in it. Yet at the hundred and first blow it will split in two, and I know it was not that blow that did it, but all that had gone before. -- Jacob Riis
  • 相关阅读:
    Vue源码学习之双向绑定
    Vue源码学习之数据初始化
    JavaScript跨域资源请求(CORS)解决方案
    Vue学习笔记
    MongoDB学习笔记
    实现一个类似bootstrap的多级下拉菜单
    bootstrap栅格系统的实现
    滑动效果的标签页切换
    一个简单的类似Vue的双向绑定
    元素垂直居中的常见方法
  • 原文地址:https://www.cnblogs.com/xhwy-1234/p/12186761.html
Copyright © 2011-2022 走看看