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>
    
  • 相关阅读:
    SharePoint 2013 中的SQL Server 安全
    SharePoint 2013 的HTML5特性之响应式布局
    SharePoint 2013 一些小技巧
    SharePoint 2013 排错之"Code blocks are not allowed in this file"
    SharePoint 2013 创建搜索中心及搜索设置
    SharePoint 2013 使用PowerShell创建State Service
    SharePoint 2013 内容部署功能简介
    SharePoint 使用PowerShell恢复误删的网站集
    SharePoint 自定义WebPart之间的连接
    linux之misc及使用misc创建字符设备
  • 原文地址:https://www.cnblogs.com/liqianxin/p/12869954.html
Copyright © 2011-2022 走看看