美文网首页视觉艺术
HTML+CSS & markdown

HTML+CSS & markdown

作者: 雪国_youth | 来源:发表于2020-11-13 01:08 被阅读0次

    介绍: html是一种语言,css用来设置网页中元素的样式。

    比如说:网页就是一个人,HTML是身体,css是衣服,JavaScript是动作。


    一、简单布局

       <nav>表示菜单
    
       <article>表示内容
    
       <footer>表示底部
    
       <header>表示文档头部
    

    例如:

        <!DOCTYPE   html>
        <html lang=“en”>
        <head>
                 <meta charset=“UTF-8”>
                 <title></title>
        </head>
        <body>
                 <h1></h1>
        </body>
        </html>
    
       还可以用<link>标签来将css中的东西链 
      接到html中
    

    二、标签

    (1)meta标签

        1. charset表示指定网页的字符集
            如<meta charset=“UTF-8”>
        2. name指定的数据名称
        3. content指定的数据的内容
        4. keywords网站关键字,如果指定多个关键字的话应该字与字之间要使用“ , ”隔开
            如<meta name=“keywords” content=“网购,网上购物,在线购物”>
        5. description指定网站的描述
        6. <title>可以显示网页名称
        7. 特殊符号
                &nbsp 空格;
                &lt 小于;
                &gt 大于;
                &copy 版权
    

    (2)一些语义化html标签

        1.<body>表示文档主体</body>
    
        2.<link>表示可以链接到类似css的文档中
    
        3.<h1>到<h6>表示标题,<h1>最重要(一般仅有一个在一个页面里),以此类推。
    
        4.<p>段落
    
        5.<strong>强调
    
        6.<br>换行
    
        7.行状元素中,margin→仅左右方向有效, padding→左右上下都有效。
          块状中,两者上下左右都有效。
    

    三、其他

    1.超链接

       用<a>来定义
    

    2.相对路径

       用    .  ./    或   ./   开头
               ↑          ↑
      当前文件所在目录    当前文件所在目录的上一级目录
    

    3.表格

      <table>定义表格
    
      <th>定义表格标题
    
      <tr>定义表格的行
    
      <td>定义表格的单元
    
     还有表格的底色style="background 
      color:颜色名”
    表格的长宽width,height,px
    

    例如:

       <table  border=“1”>
       <th>
       <tr>
       <td>第一行第一列</td>
       同上(变成第二列)
       </tr>
       <tr>
       <td>第二行第二列</td>
       同上
       </tr>
       </table>
      注:①顺序注意
    


    • 有关Markdown语言
    1. ①用“#”的个数可以表示标题1~6
      ②用=-表示标题的一二级

    2. 用空行直接重新开始另外一个段落

    3. 下划线可以用<u>表示

    4. 类似于分隔线,字体之类的也用*的多
      少来表示即可

    5. “>” 为区块引用,然后“>”继续多下去可以一直引用

    6. [链接名称] (链接地址)
      <链接地址>

    7.另外的那个列表嵌套↓

     PS:一定别忘了“空格+ - ”才有用
    
    1. 第一项:
      • 第一项嵌套的第一个元素
      • 第一项嵌套的第二个元素
    2. 第二项:
      • 第二项嵌套的第一个元素
      • 第二项嵌套的第二个元素

    8.无序列表

    可以用“*/+/-”三种形式来表示
    也别忘了“空格+以上三种形式”才有用
    
    • 第一项
    • 第二项
    • 第三项
    • 第一项
    • 第二项
    • 第三项
    • 第一项
    • 第二项
    • 第三项

    9.有序列表

     “数字+ . +空格”
    
    1. 第一项
    2. 第二项
    3. 第三项

    相关文章

      网友评论

        本文标题:HTML+CSS & markdown

        本文链接:https://www.haomeiwen.com/subject/bzbmbktx.html