07 2019 档案

HTML 结构
摘要：1 大纲 通过使用新的结构元素，HTML的文档结构比大量使用div元素的HTML44的文档结构清晰、明确了很多 所谓大纲，简单来说就是文档中各内容区块的结构编排，其中编排分为“显示”与“隐式”两种。 显示编排内容区块 示例： <body> <h1>网页级内容区块标题</h1> <p>正文</p> < 阅读全文

posted @ 2019-07-31 18:25 死磕&到底 阅读(168) 评论(0) 推荐(0)

HTML 新增的非主体结构元素
摘要：1 header元素 概念：是一种具有引导和导航作用的结构元素 需要强调的一点是，一个网页中并未限制header的个数，可以拥有多个。 应用： 代码： <body> <header> 网页标题 </header> <article> <header> <h1>文章标题</h1> </header> 阅读全文

posted @ 2019-07-30 13:01 死磕&到底 阅读(141) 评论(0) 推荐(0)

HTML新增的主体结构及应用
摘要：1 section元素 用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内而外及其标题组成。但它并非一个普通的容器元素，当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。 示例： <section> <h1>苹果</h1> <p><b>苹 阅读全文

posted @ 2019-07-29 07:10 死磕&到底 阅读(294) 评论(0) 推荐(0)

HTML规范
摘要：html规范 HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。本文将详细介绍HTML规范 整体结构 【页面头部】 1、文件应以<!DOCTYPE...>首行顶格开始，推荐使用<!DOCTYPE html> 2、必须声明文档的编码cha 阅读全文

posted @ 2019-07-28 23:20 死磕&到底 阅读(455) 评论(0) 推荐(0)

全局属性
摘要：在html5中，新增了一个“全局属性的概念”，是指可以对任何元素都使用的属性。 1.contentEditable属性 该属性是由微软开发、被其他浏览器反编译并投入应用的一个全局属性。 示例： 代码 效果 2 designMode属性 用来指定整个页面是否可编辑，此属性只能在JavaScript脚本 阅读全文

posted @ 2019-07-27 22:12 死磕&到底 阅读(220) 评论(0) 推荐(0)

HTML新增加的属性和废除的属性
摘要：新增的属性 1.表单相关的属性 可以对input、select、textarea与button元素指定autofocus属性。它以指定属性的方式让元素在画面打开时自动获得焦点。 可以对input元素与textarea元素指定placeholder属性，它会对用户的输入进行提示。 可以对input、o 阅读全文

posted @ 2019-07-26 22:50 死磕&到底 阅读(214) 评论(0) 推荐(0)

HTML 锚点
摘要：html锚点 基本概念 元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说，元素不是一个链接，而是超文本锚点，可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话，可以作为原本链接位置的占位符，常用于home链接 注意：任何文档 阅读全文

posted @ 2019-07-25 18:35 死磕&到底 阅读(839) 评论(0) 推荐(0)

HTML5 新增加和废除的元素
摘要：在谈到HTML5 新增加和废除的元素之前，先了解一下元素标记的省略问题 具体来说，元素的标记分三种： 1 不允许写结束标记 area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。 2 可 阅读全文

posted @ 2019-07-24 10:29 死磕&到底 阅读(326) 评论(0) 推荐(0)

为何要学HTML5？
摘要：1.1 HTML5深受欢迎 世界知名浏览器厂商对HTML5的支持 HTML5被说是划时代也好，具有革命性也好，如果不能被业界承认并且大规模地推广使用，这些都是没有意义的。 通过对Internet Explore，Google，Firefox，Safari，Opera等主要的Web浏览器的发展策略的调 阅读全文

posted @ 2019-07-23 11:10 死磕&到底 阅读(595) 评论(0) 推荐(0)

HTML 输入类型
摘要：HTML5 增加了多个新的输入类型： color date datetime datetime-local email month number range search tel time url week 注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。 输入类型：numb 阅读全文

posted @ 2019-07-22 09:40 死磕&到底 阅读(310) 评论(0) 推荐(0)

HTML 表单元素
摘要：<input> 元素 最重要的表单元素是 <input> 元素。 <input> 元素根据不同的 type 属性，可以变化为多种形态。 注释：下一章讲解所有 HTML 输入类型。 <select> 元素（下拉列表） <select> 元素定义下拉列表： 其中 selected 属性来定义预定义选项 阅读全文

posted @ 2019-07-21 11:03 死磕&到底 阅读(180) 评论(0) 推荐(0)

HTML 表单
摘要：HTML 表单用于搜集不同类型的用户输入。 1.<form> 元素 HTML 表单用于收集用户输入。 <form> 元素定义 HTML 表单： 实例 <form> . form elements . </form> Action 属性 action 属性定义在提交表单时执行的动作。 向服务器提交表单 阅读全文

posted @ 2019-07-20 11:06 死磕&到底 阅读(247) 评论(0) 推荐(0)

HTML 文档类型
摘要：<!DOCTYPE> 声明帮助浏览器正确地显示网页。 <!DOCTYPE> 声明 Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。 HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DO 阅读全文

posted @ 2019-07-19 23:00 死磕&到底 阅读(267) 评论(0) 推荐(0)

HTML 颜色
摘要：颜色由红色、绿色、蓝色混合而成。 1.颜色值 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。 每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。 这个表格给出了由三种颜色混合而成的具体效果： 2.颜色名 大多数的浏览器都支持颜色名集合。 提示 阅读全文

posted @ 2019-07-18 21:15 死磕&到底 阅读(945) 评论(0) 推荐(0)

HTML Web Server
摘要：如果希望向世界发布您的网站，那么您必须把它存放在 web 服务器上。 托管自己的网站 在自己的服务器上托管网站始终是一个选项。有几点需要考虑： 硬件支出 如果要运行“真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。 软件 阅读全文

posted @ 2019-07-17 08:22 死磕&到底 阅读(325) 评论(0) 推荐(0)

html统一资源定位器
摘要：URL 也被称为网址。 URL 可以由单词组成，比如 “w3school.com.cn”，或者是因特网协议（IP）地址：192.168.1.253。大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。 scheme://host.domain:port/path/filename 解释： 阅读全文

posted @ 2019-07-16 08:28 死磕&到底 阅读(260) 评论(0) 推荐(0)

脚本实例
摘要：1.插入一段脚本 2.运行于不支持脚本的浏览器 3.输出形式 document.write() window.alert() alert() 4.输出小实例 我们在<script>块内使用alert弹出'</script>'字符串，结果被误以为是结束标签，VIM还变了颜色。运行结果 由于把字符串里的 阅读全文

posted @ 2019-07-15 09:56 死磕&到底 阅读(441) 评论(0) 推荐(0)

html头部示意
摘要：HTML <head>元素 HTML <title>元素 HTML <base>元素 HTML <link>元素 HTML <style>元素 HTML <meta>元素 HTML <script>元素 用于定义客户端脚本，例如javascript，后续会有详解 阅读全文

posted @ 2019-07-14 17:53 死磕&到底 阅读(180) 评论(0) 推荐(0)

style实例
摘要：1.html中的样式 在 HTML 4 中，有若干的标签和属性是被废弃的。 2.没有下划线的链接 3.链接到一个外部样式表 rel 属性用于定义连接的文件和HTML文档之间的关系 type 是说明外链文档的的类型 href 导入css文件的路径 4.背景图半透明小实例 核心代码： <style> . 阅读全文

posted @ 2019-07-13 21:22 死磕&到底 阅读(220) 评论(0) 推荐(0)

背景小实例
摘要：1.背景颜色 2.可用性强的背景图片 3.背景图片小案列 1.毛玻璃效果：背景图 + 伪类 + flite:blur(3px) .demo1{ width: 500px; height: 300px; line-height: 50px; text-align: center;}.demo1:bef 阅读全文

posted @ 2019-07-12 23:14 死磕&到底 阅读(173) 评论(0) 推荐(0)

html表单与输入实例
摘要：1.文本域(Text fields) 2.密码域 形式如下： 密码：<input type="password" name="password"> 3.单选按钮与复选框 单选按钮： 复选框： 4.简单的下拉列表 如果要带有预选值的话，就要在特定标签option中写入selected="selecte 阅读全文

posted @ 2019-07-11 19:53 死磕&到底 阅读(163) 评论(0) 推荐(0)

列表小知识
摘要：1.无序列表 2.有序列表 3.不同类型的无序列表 今日暂放，明日补加 阅读全文

posted @ 2019-07-10 22:17 死磕&到底 阅读(112) 评论(0) 推荐(0)

表格的使用
摘要：表格的使用在网页中会用得到，在将统计的数据用表格显示出来就显得异常重要，至于要设计成什么格式，插入什么背景，我一一道来。 1.分有无边框表格： 无边框 有边框 区别在于有没有给border设置一个非0的值 2.跨行或跨列的表格 3.单元格边距和单元格间距 形式如下，在table标签中写入相关的属性及 阅读全文

posted @ 2019-07-09 22:49 死磕&到底 阅读(364) 评论(0) 推荐(0)

框架的奥秘
摘要：初学框架，先把语法“晒一晒”： <frameset > <frame src=""> <frame src=""> </frameset> frameset 里面可以加cols属性，rows属性，其中rows属性中写“20%，80%”代表的是下面的框架按这个对应的比例来呈现 再给几个案例说明一下： 阅读全文

posted @ 2019-07-08 11:05 死磕&到底 阅读(125) 评论(0) 推荐(0)

链接那档子事
摘要：创建超级链接： 在新的浏览器窗口打开链接 特别注意： 如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。 重定义用户 把用户重定向新的地址 换种玩法，将图像作为链接 其中/i/ eg_buttonnext.gif是指根路径，像这种把图片作为链接的方式用在自己写的网页上 阅读全文

posted @ 2019-07-07 22:37 死磕&到底 阅读(96) 评论(0) 推荐(0)

小制作之放大镜
摘要：<body> <div class="box" id="fdj"> <div class="small"> <img src="imges/001.jpg"> <div class="mask"></div> </div> <div class="big"> <img src="imges/0001 阅读全文

posted @ 2019-07-06 22:29 死磕&到底 阅读(183) 评论(0) 推荐(0)

水平居中&垂直居中
摘要：在用html设计计算器时，对于水平居中和垂直居中很不解，查了一些资料，下面这篇博文内容充实，通俗易懂，我很快就get到了精髓，在阅读之前我先贴上几张做计算器的代码截图，用案例说明一下水平居中的 含义： 要让#keys代表的按键钮空间水平居中，它是块级元素，就可以把它的父元素中设置margin：15p 阅读全文

posted @ 2019-07-05 15:25 死磕&到底 阅读(361) 评论(0) 推荐(0)

图片引入&路径问题
摘要：在这几日的学习中，发现这两种方式的图片引入有一定的差异，<img src="">和url（） 前者定义： <img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。 后者定义： 在CSS中有用url语法来指定background-image或 阅读全文

posted @ 2019-07-04 08:11 死磕&到底 阅读(1748) 评论(0) 推荐(0)

接触网页的第一天
摘要：实习之际，第一次接触到了网页，对互联网不喜不厌的我在自己所学的专业 信息与计算科学上成绩平庸外，只是对互联网行业的待遇和前景充满了一丝向往，而这次近距离地“靠近”网页，竟让我有了许多欣喜，说不清是什么情愫，因此我想进一步了解它，我在此立下一个flag，每天早上花半个小时写博客，既为了自己的技术的提高 阅读全文

posted @ 2019-07-03 09:16 死磕&到底 阅读(180) 评论(0) 推荐(0)

导航