黑马程序员技术交流社区

标题: 【石家庄校区】web阶段部分总结 [打印本页]

作者: 赵嘉鑫    时间: 2018-1-17 15:52
标题: 【石家庄校区】web阶段部分总结
本帖最后由 小石姐姐 于 2018-1-18 15:23 编辑
web阶段部分总结

HTML 超文本标记语言
用来制作页面(静态页面)
在设计网站的页面的使用
扩展名是.html或者.htm结尾
结构标签
跟标签:<html></html>
head html头标前
<font> 字体标签
color颜色
size大小
face字体
<br>换行
标题标签
<h1>一级标题<h2> h1-h6
段落标签
<p>
粗体标签
<b>
斜体标签
<i>
下划线标签
<u>
居中标签
<center>
<hr/>横线
<pre>原生标签
-------
图片标签<img>
src 来源
width 宽度
height 高度
alt 找不到显示内容
../上一级
有序列表ol 无序列表ul
li
超链接标签a
href路径
table表格
------
from 表单标签 两个属性: action:提交的路径 默认当前页面
method 提交的方式 默认get  ,post
get:数据会显示到地址栏中 get有大小限制
post: 数据不会显示到地址栏中 post 没有大小限制
<input type="text"> 文本框
password 密码框
radio 单选按钮
name value checked默认勾选
CheckBox 复选按钮
button 普通按钮
submit 提交按钮
reset 重置按钮
File 文件上传的表单项
hidden 隐藏字段
<select> 下拉列表
<option>
<texttarea> 文本域
CSS的样式:
    * 文本
    * 背景
    * 字体
    * 列表
CSS的盒子模型:
    * 内边距:padding
    * 边框:border
    * 外边距:margin
CSS的悬浮和定位:
    * 悬浮:float属性设置悬浮.
    * 清除悬浮:clear属性清除.
    * 定位:position属性设置定位.
        * 使用left和top属性控制位置.
    * display属性:控制元素的显示方式:
        * block--显示的, none--隐藏的,inline--显示到一行.
CSS的样式:
    * 文本
    * 背景
    * 字体
    * 列表
CSS的盒子模型:
    * 内边距:padding
    * 边框:border
    * 外边距:margin
CSS的悬浮和定位:
    * 悬浮:float属性设置悬浮.
    * 清除悬浮:clear属性清除.
    * 定位:position属性设置定位.
        * 使用left和top属性控制位置.
    * display属性:控制元素的显示方式:
        * block--显示的, none--隐藏的,inline--显示到一行.

设置定时的方法 setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式
setTimeout() 在指定的毫秒数后调用函数或计算表达式
清除定时的方法
dearInterval()取消由setInterval()设置的timeout
dearTimeout()取消由setTimeout()设置的timeout
alert();                --弹出对话框
confirm();        --弹出一个确认窗口
prompt();                --弹出一个可输入的对话框
open();                --打开一个新窗口
js的事件总结:
onfocus        :获得焦点.
onblur        :失去焦点.
onsubmit        :提交的时候
onload        :页面加载
onclick        :点击
onsubmit        :提交
onfocus        :获得焦点
onblur        :失去焦点
onchange        :下拉列表改变事件.
ondblclick:双击某个元素的事件.
键盘操作事件:
onkeydown
onkeyup        
onkeypress:

鼠标操作事件:
onmousemove:
onmouseout:
onmouseover:
onmousedown
onmouseup
        获得元素:
document.getElementById();                -- 通过ID获得元素.
document.getElementsByName();                -- 通过name属性获得元素.
document.getElementsByTagName();        -- 通过标签名获得元素.
        创建元素:
document.createElement();                        -- 创建元素
document.createTextNode();                -- 创建文本
        添加节点:
element.appendChild();                        -- 在最后添加一个节点.
element.insertBefore();                        -- 在某个元素之前插入.
        删除节点:
element.removeChild();                        -- 删除元素









欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2