2018-06-09

一、 WEB标准的概念及组成

1)WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布。

W3C制定的结构和表现的标准;

结构:(xhtml ,xml)

表现:(css)

ECMA制定的行为的标准;

行为 (DOM ,ECMASCRIPT)

结构和表现标准:

(1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。(制定了结构和表现的标准,非赢利性的。)

(2)行为标准:DOM,ECMASCRIPT(ECMA制定的)欧洲电脑场商联合会。


二、Dreamweaver 基本功能

       1)新建(ctrl+n),打开(ctrl+o), 保存        (ctrl+s)

       2)预览页面 (F12快捷键)

       3)建立站点

 作用:用来归纳一个网站上所有的网页、素材以及他们之间的联系


     CTRL+U(首先参数)里可以更改代码里的代码文字大小

    F4隐藏显示所有面版


三、 调试工具 -浏览器

1)PC端调试工具的使用 -浏览器

         测试浏览器(chrome,ie,firefox)

2)移动端调试工具chrome可以测试移动端页面(有很多模拟器)

四、 HTML及相关概念的介绍

       HTML 指的是超文本标记语言 (Hyper Text Markup Language)

       XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)。

       HTML5指的是HTML的第五次重大修改(第5个版本)

扩展知识点:

声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD(Document Type Definition) 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置

另外,需要知道的是,HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种

XML 文档类型都是:Strict、Transitional 以及 Frameset。

定义文档类型 分为四种:Strict(严格型)、Trasitional(过渡型 常用这种)、Frameset(框架型)、手机浏览器DTD mobile

而这句,是在文档中的 标签中使用 xmlns 属性,以指定整个文档所使用的主要命名空间。

对于文档声明,了解这些就足够了,现在的html5不再这么繁琐,只需要:

就可以了。

五、HTML5 基本结构

命名文档类型

说明我们写的是标记语言

文件头部

编码格式

html5文件标题(显示在状态栏上的内容)

文件主体(所有要写的内容)

1、文件命名规则:用英文,不用中文

名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。

六、 HTML基本语法

1、<常规标记>

      <标记  属性=“属性值”   属性=“属性值”>

2.空标记

      <标记 属性=“属性值”  />

七、 XHTML常用标记

1)文本标题(h1-h6)

一级标题

(header1~header6 )

二级标题

...

六级标题


八、正文有两种形式(段落文本和文字列表)

1) 段落(p)

段落文本内容

标识一个段落(段落与段落之间有段间距)

2)空格 ( )

(所占位置没有一个确定的值,这与当前字体字号都有关系.

3)加粗

加粗有两个标记

1.加粗内容

2.加粗内容

4)倾斜

倾斜标记

1.

2,

5) 换行(br)


换行是一个空标记(强制换行)

6)水平线


空标记

7)列表(ul,ol,dl)

HTML中有三种列表,分别是:无序列表,有序列表,自定义列表

*无序列表

无序列表组成:

         

  • ......


    *有序列表

    有序列表组成:

    1. ......

      扩展内容

      有序列表的属性

      知识扩展----有序列表的属性

      1、type:规定列表中的列表项目的项目符号的类型

      语法:

        1 数字顺序的有序列表(默认值)(1, 2, 3, 4)。

        a 字母顺序的有序列表,小写(a, b, c, d)。

        A 字母顺序的有序列表,大写(A,B,C,D)

        i 罗马数字,小写(i, ii, iii, iv)。

        I 罗马数字,大写(I, ii, iii, iv)。

        2、start 属性规定有序列表的开始点。

        语法:

          *自定义列表

               名词

               解释 (definition   description 定义描述)

          ......

          8)插入图片

          注:所要插入的的图片必须放在站点下

          *相对路径的写法:

          1)当当前文件与目标文件在同一目录下,直接书写目标文件文件名+扩展名;

          2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:

          文件夹名/目标文件全称+扩展名;

          3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下,写法如下:

          ../目标文件所处文件夹名/目标文件文件名+扩展名

          title的作用: 在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的.

          alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方。

          9)超链接的应用

          语法:

          链接文本/图片

          空链接

          属性:target:页面打开方式,默认属性值_self。

          属性值:_blank 新窗口打开

          新窗口打开


          10) 数据表格的作用及组成

                   作用:显示数据

                   表格的组成:



          注:一个tr表示一行;一个td表示一列(一个单元格)

          *数据表格的相关属性

          1)width="表格的宽度"

          2)height="表格的高度"

          3)border="表格的边框"

          4)bgcolor="表格的背景色"

          5)cellspacing="单元格与单元格之间的间距"

          6)cellpadding="单元格与内容之间的空隙"

          7)水平对齐方式:align="left/center/right";

          8)合并单元格属性:

          colspan=“所要合并的单元格的列数"合并列;

          一行

          一行一行

          rowspan=“所要合并单元格的行数”合并行;

          一行一行

          一行


          11) 表单的应用

          表单的作用:用来收集用户的信息的;

          1、表单框


          1)文本框

          2)密码框

          3)提交按钮

          4)重置按钮

          5)单选框/单选按钮

          单选按钮里的name属性必须写,同一组单选按钮的name属性值必须一样。

          checked="checked"(默认选中;)

          disabled="disabled"禁用

          6)复选框

          (disabled="disabled" :禁用)

          (checked="checked" :默认选中)

          7)下拉菜单

                   菜单内容


          8)多行文本框(文本域)

          9)按钮

          (他和submit的区别是 ,submit是提交按钮 起到提交信息的作用,button只起到跳转的作用,不进行提交。)

          value 属性为 input 元素设定值。

          对于不同的输入类型,value 属性的用法也不同:

          type="button", "reset", "submit" - 定义按钮上的显示的文本

          type="text", "password" - 定义输入字段的初始值

          type="checkbox", "radio" - 定义与输入相关联的值

          注释:type="checkbox 和 type="radio 中必须设置 value 属性。

          扩展知识点:post和get的区别是什么

          1. get是从服务器上获取数据,post是向服务器传送数据。

          2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程

          3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。(可以不记)

          4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。

          5. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。

          建议:

          1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式;

          2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;

        1. ©著作权归作者所有,转载或内容合作请联系作者
          • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
            沈念sama阅读 210,914评论 6 490
          • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
            沈念sama阅读 89,935评论 2 383
          • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
            开封第一讲书人阅读 156,531评论 0 345
          • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
            开封第一讲书人阅读 56,309评论 1 282
          • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
            茶点故事阅读 65,381评论 5 384
          • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
            开封第一讲书人阅读 49,730评论 1 289
          • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
            沈念sama阅读 38,882评论 3 404
          • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
            开封第一讲书人阅读 37,643评论 0 266
          • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
            沈念sama阅读 44,095评论 1 303
          • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
            茶点故事阅读 36,448评论 2 325
          • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
            茶点故事阅读 38,566评论 1 339
          • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
            沈念sama阅读 34,253评论 4 328
          • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
            茶点故事阅读 39,829评论 3 312
          • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
            开封第一讲书人阅读 30,715评论 0 21
          • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
            开封第一讲书人阅读 31,945评论 1 264
          • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
            沈念sama阅读 46,248评论 2 360
          • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
            茶点故事阅读 43,440评论 2 348

          推荐阅读更多精彩内容

          • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
            卡卡罗2017阅读 134,626评论 18 139
          • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
            阿啊阿吖丁阅读 3,849评论 0 0
          • 话·缘 一歌,一世界,一人孤寂。 一佛,一世间,一人安逸。 一茶,一境界,一人洒脱。 万物相依,皆有因...
            雨落生花阅读 333评论 0 0
          • 下班途中看了一个故事:古时候,有两个兄弟各自带着一只行李箱出远门。一路上,重重的行李箱将兄弟俩都压得喘不过气来。他...
            Lzr_2017阅读 133评论 0 3
          • 一直想写点什么,羡慕别人总是信手拈来,文采飞扬,自己半天也挤不出一句话,有的总是无病呻吟。随着时间慢慢变的充裕,希...
            敏感度阅读 195评论 0 0