HTML基础、通用标签(5月5日)

  微凉的天气迎来了美好的一天,公交车,公交卡,一杯豆浆。

  今天是开学第二天,老师开始讲基本的知识了。对于老师的讲课风格我很喜欢,陈老师特别强调的有不懂得马上问,要马上解决,不要拖拖拉拉,越拖越多,越到后来解决问题会碰到很多的瓶颈。今天主要是讲了一下"HTML",对于基础知识,我感觉必须得学好,基础知识熟练了才能对接下来学的知识接受的快,学的快。对于"HTML"我做了以下的总结:

  一:什么是HTML

    HTML(Hyper Text Markup Language,超文本标记语言)

  二:分类

    (1)静态页面—如:html

    (2)动态页面—如:php  aspx(.net)  jsp(java)    (注:两者最根本的区别在于是否需要访问服务器)

  三:IDE(代码编辑器)

    (1)VS 2012

    (2)HBuider

    (3)Dreamweaver

    (4)Webstorm

  四:基础语法

    1.最小的单位是标签

    双标签:(1)<标签名 属性1=“属性值1” 属性2=“属性值2”>内容</标签名>

        (2)一般是用来标记某些内容

    单标签:(1)<标签名 属性1=属性值1 属性2=属性值2/>

        (2)一般起控制作用

    结构:(1)<!DOCTYPE html>

       (2)<html></html>

          a:<head></head>

          b:<body></body>

    调试方法:浏览器中右键检查(或查找元素)

  五:通用标签/属性

    1:body属性

    2:路径

      (1)相对路径—以当前文件为标准

         a:../ —上一级目录

         b:./—也可以不写,当前级目录

         c:文件夹/文件名—下一级目录

         d:/—根目录      

      (2)绝对路径—以当前计算机为标准

    3:格式控制类

      (1)<font></font>—不赞成使用

            a:color

          b:face

          c:size

      (2)<b></b>—<strong></strong>  意思进本相同,字体加粗的意思,其中<strong>强调,语气加强用

      (3)<i></i>与<em></em>意思相同,倾斜

      (4)<u></u>—下划线的意思

      (5)<h1></h1>.....<h6><h6>默认占一行,且段落空一行

      (6)<p></p>与上基本相同,默认占一行,且段落空一行

      (7)<div></div>默认占一行,不空行,配合样式表使用

      (8)<span></span>默认用多大空间占多大的空间,且不空行

      (9)<del></del>其他

    4:表格

      (1)方向

          a:align(水平方向) 左:left 中:center 右:right

            b:valign(垂直方向) 上:top 中:center 下:bottom

        (2)结构

          a:背景颜色:bgcolor

          b:文字字体:text

          c:边框线:border

          d:合并行:rowspan

          e:和并列:colspan

  所有的内容都写在<body>  内容  </body>里面,优先级关系,谁靠下谁先优先。

  以上就是今天学习的基本内容,知识点凌乱,需要用心记忆,掌握熟练了多加练习。加油!

原文地址:https://www.cnblogs.com/liuyubin0629/p/6812447.html