html
zenkle
这个作者很懒,什么都没留下…
展开
-
初识html(1)
1⃣️、 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新...原创 2018-09-22 17:50:44 · 139 阅读 · 0 评论 -
创建表格
<!DOCTYPE html><html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset="8-utf"/> &am原创 2018-10-30 18:14:10 · 185 阅读 · 0 评论 -
初识js——DOM(2)
节点属性在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :1、 elmetNode.nodeName : 节点的名称(只读). 元素节点的 nodeName 与标签名相同. 属性节点的 nodeName 是属性的名称. 文本节点的 nodeName 永远是 #text. 文档节点的 nodeName 永远是 #document2、 e...原创 2018-10-30 15:24:05 · 101 阅读 · 0 评论 -
图片轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>最简单的轮播效果</title> <style type="text/css">转载 2018-10-26 20:31:09 · 293 阅读 · 0 评论 -
混合布局
<!DOCTYPE html><html><head> <title>混合布局</title> <style type="text/css"> .top{width: 100%;height: 100px;background: #ccc;} .title{width: 800px;height: 10转载 2018-10-23 17:42:51 · 223 阅读 · 0 评论 -
三列布局自适应
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me转载 2018-10-23 17:20:36 · 76 阅读 · 0 评论 -
初识js——DOM(1)
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,DOM节点有:1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。2....原创 2018-10-22 15:36:09 · 122 阅读 · 0 评论 -
选中所有复选框
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <原创 2018-10-22 14:07:43 · 594 阅读 · 0 评论 -
鼠标光标移动
<!DOCTYPE html><html><head> <title>鼠标光标</title><style> .mouse{ width: 100px; height: 100px; border:1px solid red; padding-top: 50px...原创 2018-10-22 10:25:50 · 307 阅读 · 1 评论 -
初识HTML(2)
1、mailto:在网页中链接地址如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。2、<img>标签,为网页插入图片<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">src:标识图像的位置;alt:指定图像的描述性文本,当图像不可见时(下载不...原创 2018-09-26 20:51:45 · 123 阅读 · 0 评论 -
隐藏文本框
1、<input type="hidden" value=""></input>对所有的文本框都起作用(隐藏域,多用于存数据) 2、<input type="text" value="" style="display:none"></input>对象隐藏后,对象不占任何空间 3、&转载 2018-11-20 12:07:15 · 450 阅读 · 0 评论