张孝祥JavaScript教程笔记:HTML基础

html基础|javascript|笔记|教程

  了解html语言

  网站开发老手认为html是最微不足道的技术,但它是基础;HyperText Markup Language;扩展名可以是:.html或者.htm;<>:开始标签;</>:结束标签;标签也可以称为容器;单独标签可以单独使用,比如<br>;

  不必严格区分元素和标签的概念;

  属性值可以不用引号,也可以用引号;用的话可以是双引号,也可以是单引号;有些属性只有两个可选值,则不必写属性值,写了属性名就表示true值,不写就false;

  大小写不敏感;

浏览器打开网页文档的方式:可以本地打开也可以从Web浏览器上打开;html标签告诉了浏览器应该怎样显示文字等;html是标记语言而不是程序设计语言,它只有显示的逻辑而没有业务逻辑;html规范与版本:

 不同的浏览器之间的不兼容问题:有些设计人员为了自己的浏览器能有特殊的效果,则设计了特殊的可以用于自己的浏览器的标签,成为html标签的方言;而其他的浏览器不认识这样的方言,所以我们定义了规范;随着需求的变化,新的规范不断推出;ietf把定义html规范的权限给了w3c;正在使用的html版本:html4.01,是最终规范,因为xhtml将要替代html;

  IETF与W3C:

 如果你要卖插座,则必须知道规范,否则你的插座别人用不了;IETF:Internet Engineering Task Force,Internet工程任务组;
  www.ietf.org;
      以RFC定名各类标准,Requests for comments,请求注释文档;
      比如:RFC2616(http/1.1),RFC1521(MIME);
      RFC文档必须被分配编号,一个编码的RFC文档不能不更新;
      IETF的收入:按标准生产的厂商必须给IETF交钱购买标准;
 W3C:World Wide Web Consortium,www联盟;
      www.w3c.org;
      任何公司都可以加入;
      不具备法律效力;

   HTML的全局架构标签

<head>标签内的内容不会在窗口里显示;
<body bgcolor=red text=blue>body标签的属性设置了全局的页面属性;

<body>的属性:
 text:整个网页中的文字颜色;
 link:超级连接的文本颜色;
 alink:鼠标移动到超级连接上时文本的颜色;
 vlink:设定访问过的超级链接的文本颜色;
 background:背景图像;正是因为body是全局的,所以这张图片
 才不象image的图像,是全局的背景;
 //你比较懒,虽然老是不用引号,但是当要使用链接地址,比如写一个
 超级链接或者一个图片的路径的时候,是必须写引号的;
 bgcolor:background会冲掉这个属性的效果;
 leftmagin/topmargin:网页显示画面与浏览器的左/上边距;
 class,name,id,style等公共属性;
颜色有两种表示方法:
 #XX XX XX三个两位的十六进制数据,每两位刚好8位表示256个级别的
 红绿蓝;
 
<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">

这是文档类型定义语句,是本html文档所依据的规范;

DTD语法:<!DOCTYPE HTML public "version name" "url">
 doctype指定文档类型:html
 public:表明是公开访问的;而不是某个公司的内部文件;
 version name 指定该文档的版本;
 url指定规范文件在internet上的位置;
//不要把文件的扩展名和文档类型定义中的doctype扯上关系,实际上这两个
根本没关系,你可以发现一个.xml文件根本不是在定义xml,而是web应用的部署描述符;

   注释与特殊字符

<!--注释-->
浏览器虽然不显示注释内容,但是查看原文件还是可以看到注释;

  如果想把标签做为普通文本显示,或者想正确地显示多个空格,则需要用:< 代替 < , > 代替 > ;   代替空格;这种表示方法就叫做html编码: 以 & 开头,以 ; 结束;如果要显示键盘无法输入的字符,比如版权符号,则为了简化,可以用语言来拼写,比如可代替版权符号的数字表示;

常用的:& &          < <             > >
" "                 一个圈里一个R
一个圈里一个C      右上角的一个TM

为什么还要用&quot来表示"呢?
 属性=a b  或者属性="a"b"的时候浏览器都只认为属性值是a;
 总之,浏览器会从第一个引号起,遇到下一个同样的引号为止认为是
 属性值;
 当同时有单引号和双引号的属性值就会引起严重的歧义;
 所以可以用&quot来防止浏览器过早地把一个"认为是属性值的结束;
为什么对&来编码呢?
 很简单,所有编码都用到了&来开头,那当我要用&做为普通字符的时候
 肯定有问题了;这和SQL中的%和_的问题是一样的;

   格式标签
<P>的属性 align=right/left;

时间: 2024-10-20 18:05:35

张孝祥JavaScript教程笔记:HTML基础的相关文章

张孝祥JavaScript教程笔记:HTML基础(二)

html基础|javascript|笔记|教程 相关文章:张孝祥JavaScript教程笔记:HTML基础(一)  不要试图用enter键来在浏览器中换行,而是用<br>;<nobr>防止系统自动换行:<block>缩近:<marquee behavior="slide"/"scroll"/"alternate" direction="up"/"down"/&quo

张孝祥JavaScript教程笔记:HTML基础(三)-URL,图像标签,图像地图

html基础|javascript|笔记|教程 URL 如果ftp服务器使用的是默认的端口23,那也如同http对于80一样,不用写: URL是大小写敏感的: 如果没有明确设置基准URL,则相对URL会使用当前网页的目录路径做为基准URL; /表示根目录;   ../表示当前目录的父目录;  ./表示当前目录: 相对URL的好处就是当把网页和资源移到别的服务器上的时候, 如果使用绝对URL,你不得不对所有的URL进行更改,而相对URL就可以 保证网页对资源的请求的URL不必做改动,只要保证他们的

JavaScript学习笔记之基础语法_基础知识

JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.switch语句: for循环.while循环.do while循环: 标签.break.continue: try catch throw语句. 可以查看文后的参考链接. 后面的内容都是JavaScript中不同的部分. 本文先说上面内容中的几个细节不同. 1.全等判断 JavaScript的比较运算符中有一个全等判断===,是用来判断值

JavaScript 学习笔记之基础中的基础_基础知识

概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript  ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法.类型.语句.关键字.保留字.操作符.对象 1.2 DOM DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的节点,这些节点又包含不同类

Ruffy javascript 学习笔记_基础知识

1,javascript的原型模型:prototype 在实现面向对象,(像是定义一个类的时候)需要一个构造函数来定义对象的成员,而方法去依附在该构造函数的原型上. 2,javascript中,为了实现继承,必须将子类构造函数的prototype设置为一个父类的对象实例. 3,css的方块套方块模型: 最外是margin 是用来设置一个元素所占的空间的边缘到相邻元素的距离 边框:border 用来设定一个元素的连线 padding 用来设置元素内容互元素边框的距离 还有背景属性是content

javascript学习笔记_浅谈基础语法,类型,变量_基础知识

基础语法.类型.变量 非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或非数字值时,返回true; 3.用isFinity(x),在x不是NaN.Infinity.-Infinity时返回true; 虽然(字符串.数字.布尔值)不是对象,他们的属性是只读的,但也可以像操作对象一样来引用他们的属性和方法,原理: javascript构造一个(String.Number.Boo

Javascript 读书笔记索引贴_基础知识

一. 基础篇 Javascript学习笔记1 数据类型 Javascript学习笔记2 函数 Javascript学习笔记3 作用域 Javascript学习笔记4 Eval函数 Javascript学习笔记5 类和对象 Javascript学习笔记6 prototype的提出 Javascript学习笔记7 原型链的原理 二. 实战篇Javascript学习笔记8 用JSON做原型 Javascript学习笔记9 prototype封装继承

javascript学习笔记(四)function函数部分_基础知识

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. Jscript 支持两种函数:一类是语言内部的函数(如eval() ),另一类是自己创建的. 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它.(该变量的作用域是局部的). 您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量. 函数的调用方式 1.普通调用:functionName(实际参数...) 2.通过指向函数的变量去调用: var  myVar

JavaScript学习笔记整理_用于模式匹配的String方法_基础知识

用于模式匹配的String方法: String支持4种使用正则表达式的方法: seach()用于检索,参数是一个正则表达式,返回第一个与之匹配的子串的位置,找不到则返回-1,如果参数不是正则表达式,则首先会通过RexExp构造函数将它转换成正则表达式,seach()方法不支持全局搜索,它忽略修饰符g: replace()用于检索与替换操作,第一个参数是一个正则表达式,第二个参数是要进行替换的字符串.它对调用该方法的字符串检索,按照模式匹配子串替换成第二个参数,若包含修饰符g则全文匹配.若第一个参