HTML
关注
分享
扫一扫
内涵是一种信仰
这个作者很懒，什么都没留下…
展开
-
Web标准_HTML标签（h,p,meta,font,hr,BUIS,strong，em，del，dody，img）和他们的属性_属性书写规则_绝对路径与相对路径_Unit_1;
Topic 1 : 前端标准Web前端技术指的不是某一项技术，是一系列技术的集合，主要包括：1、结构标准 -- html -- 作用：页面结构的搭建（骨骼的搭建）2、样式标准 -- css -- 作用：页面样式的搭建，外观、美化作用3、行为标准 -- JavaScript -- 作用：负责页面的行为、动作总结web前端标准作用：制作网页Topic 2：HTML的标签我们学习 html 其实就是学习...原创 2018-07-11 18:47:22 · 1166 阅读 · 0 评论 -
JavaScript_menu_write_innerHTML_表格的解析_Unit_8;
Topic 1 : menu <!doctype html><html><head><meta charset="utf-8"><title>menu</title> <style type="text/css"> .ul li { list-sty原创 2018-08-13 20:37:31 · 180 阅读 · 0 评论 -
JavaScript_innerText(innerHTML)_HTML的转义符（和常用的符号）_文本框的操作_Unit_4;
Topic 1 : innerText(innerHTML)_HTML的转义符（和常用的符号）:可读可写：innnerText；innerHTML；这两个属性是字符串类型；box.innerText; （属性）他是这样使用的；innerHtml和innerText的区别为:innerText 获取内容的时候会把标签过滤掉 通过浏览器渲染了 不会打印出来；老版本的f...原创 2018-08-04 13:52:35 · 3153 阅读 · 0 评论 -
JavaScript_动态创建元素的三种方法_节点操作_选水果游戏_注册事件（多个）_移除事件_事件捕获，冒泡，委托，对象_Unit_10;
Topic 1 : 动态创建元素的三种方法 ：1 . document.write()2 .innerHTML3 .document.createElement();建议使用第三种方法，因为第三种方法好操作，生成的都是对象； 我们看三种方法的比较：1. 中间的但是跟最快的比较接近点<script> function fn() { ...原创 2018-08-20 17:18:07 · 389 阅读 · 0 评论 -
JavaScript_动态创建表格（及其所有的知识点）_Unit_9;
Topic ：动态创建表格（及其所有的知识点）功能说明： 我们模拟从服务器得到数据来动态生成表格的过程 我们把表格放到指定的位置 在这里我们放到box里面我们可以通过删除键来进行删除相应的数据我们把生成表格的方法封装成一个函数这样我们以后就可以用一句话方便的创建表格了；网页示例： 代码示例 ：<!doctype html><html&...原创 2018-08-14 17:44:31 · 499 阅读 · 0 评论 -
JavaScript_BOM_定时器_倒计时案例_Location_登录页面的编写_Unit_12;
Topic 1 ：BOMDOM ： 文档对象模型BOM ： 浏览器对象模型浏览器中的顶级对象是window；我们在写的时候一般会把window给省略；我们定义的属性和方法都是window的子对象；需要注意的就是window中的name和top两个属性，我们在代码中要是定义了相同名字的属性name很可能会是string类型（因为window中有这个属性）；onunload（关...原创 2018-09-02 18:56:08 · 526 阅读 · 0 评论 -
css高级技术_渐变背景的切法_华为首页_华为的list页面制作步骤_大图制作banner通栏效果_精灵图结构做法_Unit_12;
Topic 1 ：渐变背景的切法 ：我们在看到这个渐变背景的时候就要想到找规律，不能像我们以前那样直接切出来一像素，我们仔细观察这个图，如果我们切一像素是显然不能平铺成如图所示的这个背景的，我们要把这个背景分解成若干个相同的切片取其中的一个就好了， 如图中所选切片所示；Topic 2 ：华为首页（完整版） ：代码如下：.html<!doctype html>...原创 2018-07-28 20:16:05 · 523 阅读 · 0 评论 -
JavaScript_案例_标签的自定义属性_样式操作_开关灯操作_二维码显示操作_div样式操作_隔行变色高亮显示_Unit_6;
Topic 1 : 标签的自定义属性代码示例：<!doctype html><html><head><meta charset="utf-8"><title>自定义属性</title> <style> .bg { background-color: red;原创 2018-08-07 16:31:21 · 361 阅读 · 0 评论 -
JavaScript_获取元素_事件_事件的两个小案例_表单元素的组成_元素的属性_id选择器与类选择器的异同_代码的优化_js中this的解析_Unit_3;
说明：关于JavaScript的文章 我把知识点都以注释放在代码里 所以说代码注释真的很重要：Topic 1 ：获取元素的方法 ：获取元素的方法有五种 ：1 . 根据id获取元素 ：2 . 根据标签名字获取元素 ：代码示例如下：<!doctype html><html><head><meta charset="utf-...原创 2018-08-01 17:53:06 · 222 阅读 · 0 评论 -
JavaScript_案例_1.检测用户输入_2.文本框默认样式设置_3.设计一个表格的样式实现全选反选的功能 _Unit_5;
Topic 1 : 检测用户的输入 ：题目要求：编写一个用户注册页面检测用户名是否是6位以下，密码是否是8位以上，如果不满足要求高亮显示文本框 ；代码如下 ：<!doctype html><html><head><meta charset="utf-8"><title>用户注册页面</title&g原创 2018-08-05 16:30:22 · 280 阅读 · 0 评论 -
css高级技术_DW中的代码片段_华为首页_精灵图的制作_写华为首页时的一些感悟_Unit_11;
Topic 1 : DW的代码片段 ：代码片段的作用类似于我们的模板，只不过呢，他只是存储的一段代码，这样可以较少我们的工作量 ；我们在这里先定义两个代码片段：1 . 设计网页三步准备工作 ；2 . 实体化一个盒子：（就是他的宽和高还有background ：pink；设置一背景色好区分区域）；定义代码片段：先复制想要定义代码片段的代码 -- 菜单栏 -- 窗口 -- 代码...原创 2018-07-27 17:18:22 · 1478 阅读 · 0 评论 -
css高级技术_css精灵_锚点链接_热点链接_模板_Unit_10;
Topic 1 . css精灵就是图片整合技术，就是将一系列小图整合到一张大图之上又称之为：CSS雪碧、CSS sprite大图称之为精灵图或雪碧图核心技术：背景图定位一般我们看到背景图的定位是负数的话那么一般就是使用的精灵图；背景图的单个属性如下 ：背景图定位：background-position背景色：background-color背景图：backgro...原创 2018-07-26 08:39:57 · 615 阅读 · 0 评论 -
HTML_表单_input_非input_表单域_设置领域标志_file_Image(图片按钮)_要点总结_Util_3;
Topic 1 : 表单作用 ： 收集和提交用户数据One ： intput标签 他是单标记； input标签通过变换不同的type属性取值，从而实现显示样式和功能的变化 可以设置value默认值Two：非input标签 结构：select嵌套option，select表示下拉菜单的整体，option表示下拉菜单的某一项 分组功能：optgroup分组，通过标...原创 2018-07-12 17:19:33 · 373 阅读 · 0 评论 -
HTML_无序列表_有序列表_项目列表_超链接_表格_细线表格_Unit_2;
Topic 1： 列表1.无序列表：ul 嵌套 li ；Practice：编写下图的一个网页：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>无序列表练习</title></head><bod原创 2018-07-12 14:23:54 · 8559 阅读 · 0 评论 -
HTML_CSS_属性和标签类型的总结；
文字控制属性：字号 -- font-size字体 -- font-family颜色 -- color对齐 -- text-align加粗 -- font-weight文字风格 -- font-style文本修饰（线段） -- text-decoration行高 -- line-height首行缩进：text-indent：2em区块控制属性：宽度 -- ...转载 2018-07-17 15:56:21 · 566 阅读 · 0 评论 -
JavaScript_跟着鼠标飞的天使_事件冒泡参数_取消默认行为的执行_鼠标在盒子中的位置_键盘事件_Unit_11;
Topic 1 ：跟随的天使screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动 始终是浏览器最上面的左上角直接把鼠标的坐标给天使...原创 2018-08-27 10:59:04 · 338 阅读 · 0 评论