我自己也感到这些代码非常不成熟，一定有很多可以优化的地方，就当做一个反面教材，供大家剖析、批评。index.html代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>痛风诊断评分</title><script src="js/common.js"></script><link rel="stylesheet" href="css/common.css" /></head><body background="img/p...
WEB标准是一系列标准的集合，并不是仅“DIV CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。 一位网友对W3C标准、重构与CSS布局的理解： 不知道从什么时候开始，在网络上到处可以看到div css，到底什么是div css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使...
1. HTML常用标签1.1 <meta>META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）。两个主流网站meta属性<!-- 淘宝 --><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><meta name="spm-id" content="a21bo"><meta name="description" conte...
HTML 语义化根据结构化的内容，选择合适的标签。为什么要做到语义化？“合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下：有利于 SEO开发维护体验更好用户体验更好（如使用 alt 标签用于解释图片信息）更好的 accessibility，方便任何设备解析（如盲人阅读器）if (导航) {return <nav /> } elseif (文稿内容、博客内容、评论内容...包含标题元...
1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<!DOCTYPE html> 4<html> 5<head> 6<meta charset=" utf-8"> 7<meta name="author" content="http://www.softwhy.com/"/> 8<title>简易计算器</title> 9<jsp:include page="inc/easyui.jsp"></jsp:include> 10<style type="text/css"> 11button { 12 font-size: 18px; 13 font-weight: bold; 14 width: 75px; 15...
1.当div里面的文字超过给定div给定的宽度，div里面的文字自动换行 word-break:break-all；会截断改行最后的单词 word-wrap:break-word；不会截断，该行长度最后不够，直接换行。 原文：https://www.cnblogs.com/zuoluwo/p/9819610.html
接触前端web开发已经一个月了，当然这里面还是有知识盲点。首先我会先总结一下我自己经常出错的地方，其次再介绍一下html5的部分用法。1、回顾知识点在使用css的时候首先要在head头文件里面加入link语句，具体如下：<head><link rel="stylesheet" type="text/css" href="链接样式表文件.css"/></head>其次我们会在css中建立一个通用css和index.css在通用css中一般会有一下几个语句：*{padding: 0;margin: 0;box-sizing: border-box...
HTML代码： <div id="baymax"><!-- 头部 --><div id="head"><div id="eye"></div><div id="eye2"></div><div id="mouth"></div></div><!-- 躯干 --><div id="torso"><div id="heart"></div></div><!--腹部 --><div id="belly"><div id="cover"></div></div><!-- 手臂 --><div id="left-arm"><div id="l-bigfinger"></div><div id="l-smallfinger"></div></div><div id="right-arm"><div id="r-bigfinger"></div><div id="r-smallf...
基于浮动的布局 基于浮动的布局是最容易使用，也是最可靠的，只需要设置元素的宽度，然后设置为左或者右浮动即可。1.两列浮动布局假设页面总的宽度920px，两个元素间距20px。（display:inline 防止IE双外边距浮动产生的bug）；由于元素是浮动的，将不再文档流中占据空间，将父节点 overflow:hidden;css代码：.right {width: 650px;padding-left: 10px;float: right;display: inline; }.left {width: 230px;float: left;display: in...
1、认识HTML标记 HTML的全称是Hyper text markup language,超文本标记语言，用于定义文档的内容结构。在HTML中，所有的标记都是成对出现的。<html>标记：是HTML文档的根元素，放在开头，表示网页文档的开始。<head>标记：出现在文档的起始部分，标明文档的头部信息，比如标题信息。<body>标记：文档的主体区域网页所要显示的内容都在这个标记内。 2、HTML元素的组成部分3、元素的层次结构一个元素的内容中可以包含其他元素，形成嵌...
知识点： 1.建立框架集的方法 2.在框架和窗口之间链接的方法 3.使用内联框架的方法13.1 什么是框架： 框架是浏览器窗口中的一个矩形区域，每个框架显示的是一个完整的页面。 作者不建议使用框架，原因： 1.框架与Web的基础概念冲突 /*什么概念？*/ 2.框架化的网站的打印部分非常困难。 3.如果框架爱缺乏合适的编码，或者有合适的编码但是被用于邪恶的目的，用户可能在框架化的网站中无法看到框架外部的...
不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。因此，编写灵活、稳定、高质量的 HTML 和 CSS 代码，是每一个技术人员的基本操守。HTML************************************************************************语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style> </head> <body> <!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介--> <form action="demo01.html"method="post"> <!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
本文转自：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 一、"自适应网页设计"的概念2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。如果屏...
文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...