zoukankan      html  css  js  c++  java
  • 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>里面,优先级关系,谁靠下谁先优先。

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

  • 相关阅读:
    053-113
    053-262
    053-294
    053-494
    053-60
    053-105
    053-102
    053-218
    【转】LiveWriter插入高亮代码插件介绍 基于SyntaxHighighter
    windows live Writer test
  • 原文地址:https://www.cnblogs.com/liuyubin0629/p/6812447.html
Copyright © 2011-2022 走看看