zoukankan      html  css  js  c++  java
  • 3.16 html

     HTML语言:超文本标记语言(Hyper TextMarkup Language)

    基础语法:分为单标签,双标签,和注释语法。

                     单标签写法:<标签名>或者<标签名/>

                     双标签写法:<标签名></标签名>

                     注释语法:<!--内容-->

    基本结构:  

    <html>
        <head></head>头部:控制作用(页面的布局、效果)
        <body></body>主体:放内容(文字、图片等)
    </html>
    

    常用标签:格式控制类

     <body bgcolor:"颜色" text:"颜色" bgground:"图片">
    bgcolor会改变整个页面的颜色,text是给body里的变颜色,bgground背景图片。
    <font color="#9900FF" size="7" face="华文行楷">这是字体标记</font> (body里字体大小最大是7号) <b>加粗</b>
    <strong>加粗2</strong>
    <i>倾斜</i>
    <em>倾斜2</em>
    <u>下划线</u> <b><i><u>可以相互嵌套
    &nbsp空格 <br/>换行
    <h1>标题1</h1>
    <h6>标题6</h6> </body>

         字体效果图加粗倾斜下划线效果图标题1和6效果图,越来越小

    <p></p>段落,P与P之间有换行的空间
    层标签:
    <span></span>内容有多少大小就是多少,紧挨着没有换行空间
    <div></div>默认占一行
    <ol type="I">(有序列表)
          <li>北京</li>
          <li>上海</li>
          <li>深圳</li>
    </ol>
    <ul type="circle">       (无序列表)  type类型:circle空心圆,disc实心圆,square方块
            <li>北京</li>
            <li>上海</li>
            <li>深圳</li>
     </ul>
    

      空心圆效果图实心圆效果图方块效果图

    <a href="无标题.png">内容</a> 能打开png,txt,html等,网址也可以,鼠标移动上去以后鼠标会变成小手。
    超链接也可以做锚点到某个位置,做锚点<a name="h"><a> 回到锚点位置<a href="#a">回到</a>

    超链接效果图

    <img src="无标题.png" width="200" height="200" title="你好" alt="这是蛋糕图片"></img>
    <img src></img>为插入图片,width是图片的宽,height是图片的高,title是鼠标放上去显示的内容,alt是图片加载不出来的时候显示的提示文字

    title效果图alt效果图

    图片做链接:

    <a href="链接网址">
    <img src="无标题.png">
    
    </a>
    

    表格:表格标签

    cellspacing:单元格边距,单元格与单元格之间的距离
    cellpadding:单元格间距,单元格与内容的距离
    

      

  • 相关阅读:
    python基础之数据类型
    简单猜年龄游戏
    python基础之变量
    Python3获取大量电影信息:调用API
    10分钟制作UWP汉堡菜单
    java 异常处理
    多态
    接口与继承
    数组及课后动手动脑
    String类型
  • 原文地址:https://www.cnblogs.com/syx1997/p/8590955.html
Copyright © 2011-2022 走看看