HTML,CSS,JavaScript学习笔记

  • HTML与CSS,JavaScript的区别

在HTML语言中可以直接编写CSS代码

CSS可以控制网页字体变化和大小

JavaScript语言可以和HTML语言结合,在HTML中可以直接编写JavaScript代码

JavaScript可以实现类似弹出提示框这样的网页交互性功能

 

  • HTML:hyperText Markup Language  超文本标记语言
  • CSS:Cascading Style Sheets 层叠样式表
  • JavaScript是一种脚本语言,可以和HTML语言结合,在HTML中可以直接编写JavaScript代码


HTML基本语法

  • 单标记


表示换行

  • 双标记,必须成对使用

 

属性

单标记


的作用实在网页中插入一条水平线,那么这条水平线的粗细,对齐方式,宽度等就是该标记的属性


 

编写HTML文件的注意事项

1.   所有的标记都要用尖括号括起来

2.   对于成对出现的标记,最好同时输入起始标记和结束标记

3.   采用标记嵌套的方式可以为同一个信息应用多个标记

4.   在代码中不区分大小写

5.   任何空格或回车在代码中都无效,插入空格或回车有专门的标记,分别为   

6.   标记中不要有空格,否则浏览器可能无法识别

7.   标记中的属性,可以用双引号引起来,也可以不用,例如





 

 常用的标记:

表示插入段落文字
是制作表格标记 代表插入行,一对标记代表一行 标记表示一列

设置基底网址

基底网址用于设定浏览器中文件的路径,标记一般用于设计文件的URL地址,一个HTML文件只能有一个标记,同时该表及必须放于头文件中





       设置基地网址

       







href 用于设置网页文件链接的地址,target用于设置页面显示的目标窗口

 

 

定义元信息 

当利用浏览器查看网页的源文件时,不难发现网页的头部文件中都有标记,该标记的主要功能是定义页面中的一些信息,但这些信息不会出现在网页中,而会在源文件中显示

在HTML文件中,标记通过一些属性来定义文件的信息,例如,文件的关键字,作者信息等,HTML文件的头部文件可以有多个标记,标记不是成对的标记

语法说明: 标记中的http-equiv属性用于设置一个http的标题域,但确定值由content属性决定,name属性用于设置元信息出现的形式,content属性用于设置元信息出现的内容

 

设置页面关键字———keywords


语法说明:keywords用于说明定义的是关键词,value用于说明为该网页定义的关键词,可以是多个关键词

例:

 





       设置文件关键词

       

……





……





 

设置页面过期时间——expires

语法说明:expires用于设计页面过期时间,content属性设置具体过期时间值

 

 

 

主体内容


 设置页面背景

  设置页面边距

,body  text=””>    设计正文颜色

例:

   设置正文文本颜色为白色,背景色为红色



添加注释

 

添加空格  ;

在HTML文件中,添加空格需要使用代码 ;, 需要多少个空格就需要添加多少个 ;

 

添加删除线

在HTML中,给需要添加删除线的文字使用成对的标记,就可以添加删除线

 

 

文字效果

  • 设置文字标注标记

基本语法:

被说明的文字

文字的标注

语法说明:利用成对的标记,可以对网页中的文字进行标注

例:





设置文字标注标记





       

       当代最可爱的人

       

       志愿军

       

       




 

  • 文字修饰

基本语法

       普通文字的显示

       加粗的文字

       斜体的文字

 

语法说明:成对的标记表示加粗文字显示

                     成对的标记表示斜体文字显示

 

 

  • 确定文字上下标……

基本语法:

       上标内容

       下标内容

 

 

 

 

  • 设置地址文字

      

添加地址信息

 

  • 设置等宽文字,,

 



       打字机风格显示

       等宽文字设置内容

       等宽文字设置内容

       键盘输入



 


段落

回车

预格式化

  

设置段落缩进

插入并设置水平线


 


你可能感兴趣的:(HTML,CSS,JavaScript学习笔记)