zoukankan      html  css  js  c++  java
  • html语法

    HTML语法

    我们通过浏览器看到的所有页面其内部都是HTML代码。

    <h1>..</h1>:1级标题
    
    <a href='这是一个网址'>描述性信息</a>
    
    <img src='图片的地址' alt='图片加载不出来显示的信息' title='鼠标放在上面显示信息'>
    
    <!--这是注释-->
    
    <head>这是一些配置信息,是给浏览器看的</head>
    
    <body>这是一些用户能够看到的信息</body>
    
    # head内经常用到的标签
    <title>网页标题</title>
    
    <style>内部用来写css代码</style>
    <link rel='stylesheet' hreaf='外部css文件'>
    
    <script src='js外部文件'>内部用来写js代码</script>
    
    <meta name='keywords' content='用浏览器搜索关键字就会有可能出现这个页面'>
    
    # body内常用的标签
    
    <b>加粗</b>
    <u>下划线</u>
    <s>删除线</s>
    <p>段落</p>
    <br>换行符</br>
    <hr>水平线</hr>
    
    特殊符号:
    &nbsp;  空格
    &gt; 大于
    &lt; 小于
    &yen; ¥
    &amp; &
    &copy; ©
    &reg; ® 注册商标
    
    常用标签:
    div:在刚开始构造页面的时候,可以先使用div来规划区域
    span:行内标签,普通文本可使用span占位
    

    标签的分类:

    1. 按照闭合的方式

      • 双标签:结束符是</标签>
      • 单标签:自闭合标签
    2. 按照占行数:

      • 块级标签:自己独占一行,其内部除<p>之外,其余都可以嵌套块级标签和行内标签
      • 行内标签:占自身文本大小。内部不可嵌套块级标签

    a标签

    <a href='url(网址)'> </a>  # 用户点击之后会跳转到对应的url页面
    target='_self':这个相当于在当前页面完成跳转
        	'_blank':这是另开一个新的窗口
    
    a标签还有一个锚点动能
    点击文本标题会跳转到标题对应的区域,主要是通过给标签设置本页面独一无二的标签Id.
    <h1 id='1'>标题</h1>
    <a href='#1'> 跳转到标题1</a>  # 单击这个标签即可跳转到id为1的标签
    

    列表标签

    1. 无序列表
    <ul>
        <li>排列一致的数据</li>
        <li>排列一致的数据</li>
        <li>排列一致的数据</li>
    </ul>
    
    2.有序列表
    <ol>
        <li>1.XXX</li>
        <li>2.XXX</li>
        <li>3.XXX</li>
    </ol>
    
    3.标题列表
    <dl>
        <dt>标题1</dt>
        <dd>内容1<dd>
        <dt>标题2</dt>
        <dd>内容2<dd>
        <dt>标题3</dt>
        <dd>内容3<dd>
    </dl>
    
  • 相关阅读:
    第28月第23天 lineFragmentPadding
    第28月第22天 iOS动态库
    第28月第21天 记事本Unicode 游戏编程中的人工智能技术
    第28月第11天 vim -b
    第28月第10天 iOS动态库
    第28月第8天
    第28月第7天 本地摄像头方向
    第28月第5天 uibutton交换方法
    第28月第4天 __bridge_transfer
    python __getattr__ __setattr__
  • 原文地址:https://www.cnblogs.com/liqianxin/p/12869954.html
Copyright © 2011-2022 走看看