笔记5:HTML总结!

来源:互联网 发布:网络调查平台 编辑:程序博客网 时间:2024/05/21 06:57

一、 HTML

常用标签:基本框架:html、head、body、title文本:h1~h6  strong  p  br列表:ul…li    ol…li       dl…dt…dd图像、超链接:img  a  (网页上地址)布局:div、table(thead、tbody、tr、td)表单:input(type=text/password/radio/checkbox/submit/reset/button/filed/hidden)      select…option      textarea      form

二、 CSS

⦁   原始语法        选择器名{            属性1:值;            属性2:值;        }⦁   css出现的位置    行内样式:        写在标签style属性  style=”属性1:值;属性2:值”        页内样式                写在style标签中        选择器名{                属性1:值;                属性2:值;        }    外部样式:            建立一个文件,文件后缀名为css            css文件中也是使用            选择器名{                属性1:值;                属性2:值;            }        在html文件中使用link标签,使用href指向css样式文件

三、选择器:

    标签选择器:选择器名与标签名一致,采用的样式作用于同名标签    类选择器:.选择器名,在标签中使用class指定相应的类选择器    id选择器:#选择器名,在标签中使用id指定相应的id选择器⦁   常用样式    CSS背景:background-color  background-image    CSS文本:color、text-align、line-height、text-decoration      CSS 字体:font-family、font-size、font    CSS 链接: a:hover 必须位于 a:link 和 a:visited 之后    CSS 列表:list-style(设为none)⦁   盒子模型:

这里写图片描述

        边框样式:border(border-width 、border-style 、border-color)        有些块状标签,有默认的margin和padding的距离(body、ul、h1~h6等)⦁   定位:默认的是文档的流布局       浮动:float (ul)       相对定位(position:relative)和绝对定位(postion:absolute)

四、 JavaScript

⦁   基础语法    数据类型和变量声明    var 变量名⦁   程序结构⦁   函数    function 函数名([参数]){            代码            [return 值]    }⦁   事件    onXXX = 函数()    onclick onchange        onfocus onblur  onmouseover⦁   获取标签元素对象    document.getElementById    document.getElementsByName⦁   代码写在script标签中,可以写在后缀名为js文件,然后在html中引用,    使用script标签,利用src属性指向需要引用的js文件输入:html:xt输入:ctrl+E

另:

这里写图片描述
这里写图片描述
这里写图片描述

2:

这里写图片描述
这里写图片描述

0 0