码迷,mamicode.com
首页 > Web开发 > 详细

html学习笔记

时间:2016-04-17 00:31:17      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

1.

meta name="viewport" content="width=device-width,initial-scale=1.0"

 

content属性值 :

     width:可视区域的宽度,值可为数字或关键词device-width

     height:同width

     intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放

     maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,

              maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。

     user-scalable:是否可对页面进行缩放,no 禁止缩放

2.

<!DOCTYPE HTML>//这个网页的文档类型,这个是html5的写法 <html lang="en">//这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)     <head>//这个就是头部的那个标签了。     <meta charset="UTF-8">//这个是设置的编码为UTF-8的

3.  

html中link标记允许当前文档和外部文档之间建立连接,但是只能在head标签里面用.href设置或获取目标 URL ,rel设置或获取对象和链接目的的关系,type设置或获取对象的 MIME 类型,media设置或获取媒体类型.

4. alt: 如果无法显示图像,浏览器将显示替代文本

5. $(document).ready(function(){}) 可以简写成 $(function(){}),页面框架下载完毕后就执行,js中用$来定义一个方法。在jQuery库中,$是jQuery的别名,如:$()相当于jQuery()。

6. 语法结构: <marquee>文本或图片</marquee>

属性: behavior:值有scroll,slide,alternate

其中scroll表示循环滚动,slide表示只滚动一次,alternate表示来回滚动

Bgcolor:表示背景色

Direction:值有left,right,up,dowm,表示滚动的方向

Scrollamount:表示滚动的速度,数值从1开始,数值越大的滚动的速度越快

Scrolldelay:滚动字幕停顿的时间,填的数字,默认单位是毫秒,所以数字越大停顿的时间越长

Hspace,vspace:用来设置内容和滚动框的水平和竖直的距离

Loop:用来设置循环的次数

onmouseOver:用来设置鼠标的滑动(用法如下

<marquee onmouseout="this.Start()" onmouseover="this.Stop(_)">文本内容</marquee>

作用:前面一个来设置鼠标移出该区域时继续滚动,后者设置鼠标移入该区域时停止滚动 7. 11.1<div>标签

网页布局的三种方式:表格框架,框架和div标签

语法结构: <div style=””> 具体内容</div>

div可以使用嵌套结构

Style有很多的属性在css中可以学到

定义浮动框架: <div style=”float:left/right/none;”></div>

定义左右结构的框架:

<div>

<div style=”float:left;”></div>

<div style=”float:right;”></div>

</div> 定义横向结构的框架: <div>

  <div style=”float:left;”></div>

  <div style=”float:left;”></div>

  <div style=”float:left;”></div>

</div>

这样就会产生横向的三个框架,总言之就是他们的float的值要一样

定义纵向结构的框架: <div>

  <div style=”float:left;clear:both;”></div>

  <div style=”float:left;clear:both;”></div>

  <div style=”float:left;clear:both;”></div>

</div>

这样就会产生横向的三个框架,总言之就是他们的float的值要一样,并且最后要有一个clear:both 的属性。

 

html学习笔记

标签:

原文地址:http://www.cnblogs.com/auvxx/p/5399667.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!