zoukankan      html  css  js  c++  java
  • 8.17HTML介绍

    HTML:超文本标记语言(静态网页)  超:超链接  标记语言:标签

              静态网页:不需要访问数据库

              动态网页:在网发布好的,我们能够通过网络预览到的都是动态的,需要访问数据库

     

    <html>  --开始标签

            <head>网页上的控制信息

            <title>网页标签,名称</title>

            </head>

            <body>主要内容,页面显示的内容

            </body>

            </htm>--结束标签

            body的属性:在<body>中填写bgcolor(页面背景颜色),text(文字颜色),background(背景壁纸),topmargin(上页边距),leftmargin(左页边距),(rightmargin)右页边距,bottomarigin(下页边距),background(背景壁纸)。<body后空格可选择>

    一、格式控制标签(文字格式控制标签)

         font color 字的颜色; font face 字体;font size 字体大小

         <b>字体加粗</b>

         <i>斜体</i>

         <u>下划线</u>

         <strong>字体加粗</strong>

         <em>字体倾斜</em>

         <center>居中</center>

         &你把视频; ctrl+shift+space

    二、内容容器标签

         <h1>h1~h6标题控制标签,会自动换行</h1>

         <h2>重要性依次减小</h2>

         <h3>默认前后若有其他,执行前后执行前后换行并且空开一行</h3>

         <h3>受限于现在所在位置的文字大小</h3>

         

          <p>段落标签,p标签,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</p>

          <ol>ol有序列表

          <li>自带序号</li>

          <li>自动换行</li>

          <li>默认前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>

          </ol>

     

          <ul>ul无序列表

          <li>不自带序号</li>

          <li>自动换行</li>

          <li>默认前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>

          </ul>

     

    三、常用标签

        1、超链接标签:

                            <a href=''超链接地址'' target=“选择属性”>超链接的文字</a>

                    例如:<a href=''http://www.baidu.com''>百度一下</a>

                            第一步:做锚点的标签。<a name=''''></a>

                            第二步:做锚点的链接。<a href=''目标连接的name的值''></a>

                    例如:<a name=''ding''></a>

                            <a href=''#ding''>返回顶端</a>  可以返回网页最顶端

        2、图片标签:

                           <img src=''图片地址''  width=''宽度'' height=''高度''

     

    四、表格

          <table></table>  表格

          width:宽度

          border:边框

          cellpadding:内容跟单元格边框的边距

          cellspacing:单元格之间的距离

          align:对齐方式

          bgcolor:背景色

          background:背景图

         

          <tr></tr>行

                  align:一行的内容水平对齐方式

                  valign:一行的内容垂直对齐方式

                  height:行高

                  bgcolor:背景色

                  background:背景图

     

          <td></td>单元格  (列)

                  align:单元格的内容的对齐方式

                  valign:单元格的内容的垂直对齐方式

                  width:单元格宽度

                  height:单元格高度

                  bgcolor:背景色

                  background:背景图片

         

           单元格合并:(只能往后合并,不能往前合并)

                  colspan=''n''    合并同一行单元格  横向的 

                  rowspan=''n''   合并同一列单元格  纵向的

  • 相关阅读:
    day1 instance,round,divmod,imput, 字符串
    Django中如何将javascript中的变量传给位于javascript内的{% url %}中的参数?
    demo_33 评论发布弹窗实现
    demo_32 富文本渲染
    demo_31 详情页面数据初始化
    demo_30 内容预加载
    demo_29 详情页页面展示
    demo_28 使用自定义事件同步数据
    demo_27 保存标签页数据
    demo_26 编辑标签页
  • 原文地址:https://www.cnblogs.com/dandan1224/p/5780832.html
Copyright © 2011-2022 走看看