码迷,mamicode.com
首页 > Web开发 > 详细

HTML&CSS基础学习01

时间:2020-07-26 00:00:34      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:har   链接   界面   bottom   padding   编码   颜色   单元   属性   

HTML简介

  HTML(Hyper Text Markup Language),超文本标记语言,是一种标识性的语言。

HTML文档结构

    <!--声明文档类型 document type -->
    <!DOCTYPE html>
     <html>
    <!--称为头部:声明网页相关信息-->
    <head>
    <!--声明网页采用 utf-8的字符编码 gb2312 gbk big5-->
    <meta charset="UTF-8">
    <title>第一个HTML文档</title>
    </head>
    <!--主体:展示内容, 与用户交互的界面-->
      <body>       
      </body>
    </html>

HTML标签

  段落标签:<h1-6></h1-6>

  字体加粗标签:<b></b>

  下划线标签:<u>下划线</u>

        斜体:<i></i>

  删除线:<del></del>

  水平线<hr>

       空格:&nbsp;

  原样输出标签:<pre></pre>

  特殊字符标签:&copy;(版权)、&reg;(注册商标)

  链接标签:<a href=" 地址" target="打开方式(_blank(新窗口打开)或_self 当前窗口)"></a>

  图片标签:<img  src="图片地址" alt="图片加载失败的提示">

  列表标签:

     无序列表:<ul type="设置列表符号样式(disc|circle|square)">

            <li></li>(单独占一行)

          </ul>

     有序列表:<ol type="" start><li></li></ol>

          属性(type:设置序号的样式【1,A,a,i,I】,Start:从多少开始)

          例:

            <ol type="1">

                <li>啤酒</li>

                <li>饮料</li>

                <li>八宝粥</li>

 

            </ol>

            <ol type="1" start="4">

                <li>啤酒</li>

                <li>饮料</li>

                <li>八宝粥</li>

            </ol>//第二个列表的序号从4开始。

      自定义列表:        

            <dl>

              <!--defined title :自定义标题-->

              <dt>标题</dt>

              <!--defined data  自定义数据可以是多个-->

              <dd>数据1</dd>

              <dd>数据2</dd>

              <dd>数据3</dd>

            </dl>

  表格标签:<table>

           <tr><td></td></tr>

       </table>

    table属性 :

                       width:宽度
                      height:高度
                      boder:边框【1:有边框,0:表示没有】
                      cellspacing:单元格之间的间距
                      cellpadding:内容到边框的距离
                       bordercolor:边框颜色[css 样式来代替]
                       bgcolor:背景颜色[css 样式来代替]

           td 属性:
                      width:宽度
                      height:高度
                      设置宽高时,是以行列中最大的为准
                      align:水平对齐方式【left|center|right】
                      valign:垂直对齐方式【top|middle|bottom】 

    table标签行列合并:     

      td 上的属性:
        colspan:合并列
        rowspan:列合并

HTML&CSS基础学习01

标签:har   链接   界面   bottom   padding   编码   颜色   单元   属性   

原文地址:https://www.cnblogs.com/mengwenbiao/p/13376122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!