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...
最近在程序中增加了每日一帖的功能，搜索一下网站的程序，发现大部分是用Memo实现，而我用的是TWebBrowser基于HTML做，故帖出来共享一下。PAS源码：unit Unit1;interfaceuses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, OleCtrls, SHDocVw, StdCtrls, ExtCtrls, ComCtrls, ToolWin, Buttons, Menus, ImgList, IniFiles;type TForm1 = class(TForm) ImageList1: TImageList; ...
一.web入门之html1.html小试牛刀电脑做client，浏览器做server，进行bs通信；原理与之前的电脑自建client和server相似，server和client进行cs通信。import socket def main():sock = socket.socket(socket.AF_INET,socket.SOCK_STREAM) sock.bind((‘localhost‘,8080)) sock.listen(5) while True:connection,address = sock.accept() buf = connection.recv(1024) connection.sendall(bytes("HTTP/1.1 201...
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 5<title>无标题文档</title> 6<script type="text/javascript" src="js/index.js"></script...
Html文档可以包含的内容：文本：HTML对文本的支持是最丰富的，你可以设置不同级别的标题，分段和换行，可以指定文本的语义和外观，可以说明文本是引用自其它的地方，等等等等。链接链接用来指出内容与另一个页面或当前页面某个地方有关。图片图片用于使页面更加美观，或提供更多的信息。列表列表用于说明一系列条目是彼此相关的。表格表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。表单表单通常由文本输...
一、html的属性类型：1、常见标签属性：a、<h1>:align对其方式 例如：<h1 align="right"> hhhhh</h1> 表示标题hhhhh右对齐b、<body>:bgcolor背景颜色c、<a>:target规定在何处打开链接2、通用属性：a、class:规定元素的类名b、id；规定元素唯一idc、style:规定元素的样式d、title:规定元素的额外信息二、html格式化：代码演示和效果演示：<!DOCTYPE html><html><head><meta charset="utf-8"><title>study</title></head><body...
前端实现div框边角的钝化虽然简单，但是有时候突然想不到，特此写下几句实现方法，以便记忆。 实现div框四个角都钝角的操作：设置 div ： border-radius=10px; 实现div框一个角的钝角效果 ：设置div :border-top-left-radius=10px; border-top-right-radius=10px; border-bottom-left-radius=10px; bor...
1.首先在myeclipse中设置好所有项目都为UTF-8 2.设置好content-type 3.在编写html文档的时候,需要加入指示浏览器用什么字符编码打开<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 某良心人指点 有4个环境的编码方式 1：本身文档的编码方式，一般默认是ANSI 可选！记事本保存的时候都有4种方式。 2：网页代码中<meta> 中的编码方式，这是告诉浏览器要用什么样的编码 3：浏览器中的编码，可以选 4：有后台...
没有为扩展名“.html”注册的生成提供程序。可以在 machine.config 或 web.config 中的 <compilation><buildProviders> 节注册一个。请确保所注册的提供程序具有包含值“Web”或“All”的 BuildProviderAppliesToAttribute 特性。 堆栈跟踪: [HttpException (0x80004005): 没有为扩展名“.html”注册的生成提供程序。可以在 machine.config 或 web.config 中的 <compilation><buildProviders> 节注册一个。请确保所注册的提供程序具...
上图便是这个音频播放器的UI界面图，里面还隐藏了一个歌曲的播放列表。整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成，看上去有难度的地方就只有CD和打碟器的制作了，在歌曲播放时CD和打碟器都是具有动画交互效果的，这个在后面的部分会讲解到。点击播放器的CD可以打开播放列表噢~因为这一期的教程主要是为了展示Html5新增的<audio>标签和audio元素的Dom API的使用，所以播放器UI的...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body> <form><!-- 电子邮箱属性。 --><input type="email"><input type="submit"><!-- 在移动端会有键盘切换 电话号码 --><input type="tel"><input type="submit"><!-- 提示输入正确的网址 --><input type="url"><input type="submit"><!-- 搜索 --><input type="search"><input type="submit"><!-- 可控制条 --><input type="r...
在拜读虫师大神的Selenium2+Python2.7时，发现生成HTMLTestRunner的测试报告使用的HTMLTestRunner的模块是用的Python2的语法。而我本人比较习惯与Python3。而且自己也是用的Python3.4的环境，在网上找了很多资料，修改了下HTMLTestRunner.py 参考：http://bbs.chinaunix.net/thread-4154743-1-1.html下载地址：http://tungwaiyip.info/software/HTMLTestRunner.html修改后下载地址：http://pan.baidu.com/s/1tp3Ts? 修改汇总：第...
前言：这些年markdown格式的文件很流行，像github里project说明文档都是用markdown格式编写。一方面，我们能够通过pandoc将markdown文件转换为html，这样将html文件放到自己的server上就能够解释了。安装pandoc见我的GitHub链接。还有一方面，bootstrap是近年来一个比較好的web前端框架，那么我们希望将markdown文件转换为bootstrap风格的html文件。已经有人做过这个模块markdown2bootstrap。1. 安装nodejs及npmsudo apt-get insta...
HTML 语义化根据结构化的内容，选择合适的标签。为什么要做到语义化？“合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下：有利于 SEO开发维护体验更好用户体验更好（如使用 alt 标签用于解释图片信息）更好的 accessibility，方便任何设备解析（如盲人阅读器）if (导航) {return <nav /> } elseif (文稿内容、博客内容、评论内容...包含标题元...
[HTML DOM MenuItem 对象MenuItem 对象 MenuItem 对象是HTML5新增的。MenuItem 对象表示 HTML <menuitem> 元素。 注意：目前只有Firefox浏览器支持 <menuitem> 元素。访问 MenuItem 对象你可以使用 getElementById() 来访问<menuitem>元素： var x = document.getElementById("myMenuItem");创建 MenuItem 对象你可以使用 document.createElement() 方法创建 <menuitem> 元素：var x = document.createElement("MENUITEM");MenuI...