笔记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
- 笔记5:HTML总结!
- HTML笔记总结
- html+css笔记总结 .
- html学习笔记总结
- html+css笔记总结
- HTML笔记心法总结
- 黑马程序员 HTML笔记总结
- HTML 学习笔记(总结)
- 初识HTML总结及笔记。
- html入门的笔记总结
- html表单总结小笔记
- Html基础总结笔记整理
- HTML基础知识笔记总结20171117
- 【ibokan】HTMl常用标签复习总结笔记
- HTML常见标签学习和笔记总结
- html 和 css 基础总结笔记
- Html 5知识总结
- 黑马程序员之HTML学习笔记:HTML相关知识总结
- 脚本增加浏览量
- Python pandas 入门
- 广播的实践-强制下线功能
- uiautomator 之uiautomator 2.0 UiObject2学习收藏
- linux学习笔记2----Torvalds的Linux发展
- 笔记5:HTML总结!
- Android Studio 使用过程中出现的问题及解决办法
- linux:select()函数详解
- 仿淘宝商品详情页中(继续拖动到图文详情)
- jquery中的ajax
- 电脑卡的原因
- 浅谈面向对象编程的好处
- ACM赛滚粗记
- The content of element type "web-app" must match