html里的代码:<img src="../static/jquery image src/close.jpg" class="close"> 怎么点击无反应?

下次自动登录
现在的位置:
& 综合 & 正文
JAVA正则表达式,提取img的src问题!!!
p = pile("href\\s*=\\s*(?:"([^"]*)"|'([^']*)'|([^"'&\s]+))");//这个不正确
* 得到网页中图片的地址
public static List&String& getImgStr(String htmlStr){
String img="";
Pattern p_
Matcher m_
List&String& pics = new ArrayList&String&();
String regEx_img = "&img.*src=(.*?)[^&]*?&"; //图片链接地址
String regEx_img = "&img.*src\\s*=\\s*(.*?)[^&]*?&";
p_image = pile
(regEx_img,Pattern.CASE_INSENSITIVE);
m_image = p_image.matcher(htmlStr);
while(m_image.find()){
img = img + "," + m_image.group();
// Matcher m
= pile("src=\"?(.*?)(\"|&|\\s+)").matcher(img); //匹配src
= pile("src\\s*=\\s*\"?(.*?)(\"|&|\\s+)").matcher(img);
while(m.find()){
pics.add(m.group(1));
//重点在于正则表达式 &img.*src=(.*?)[^&]*?&
src=\"?(.*?)(\"|&|\\s+)
private final static String regxpForHtml = "&([^&]*)&"; // 过滤所有以&开头以&结尾的标签
  private final static String regxpForImgTag = "&\\s*img\\s+([^&]*)\\s*&"; // 找出IMG标签
  private final static String regxpForImaTagSrcAttrib = "src=\"([^\"]+)\""; // 找出IMG标签的SRC属性
String regxp = "&\\s*" + tag + "\\s+([^&]*)\\s*&";
红色的 tag 是动态的变(指定标签)
1. public static String getImgStr(String htmlStr){
String img="",tmp="";
java.util.regex.Pattern p_
java.util.regex.Matcher m_
String regEx_img = "http://[([a-z0-9]|.|/|\\-)]+.[(jpg)|(bmp)|(gif)|(png)]";//图片链接地址
p_image = java.util.pile(regEx_img,java.util.regex.Pattern.CASE_INSENSITIVE);
m_image = p_image.matcher(htmlStr);
while(m_image.find()){
img = img + "," + m_image.group();
if(img.indexOf(",")&=0)
return img.substring(1);
/jintan/archive//1593639.html
import java.util.ArrayL
import java.util.L
import java.util.regex.M
import java.util.regex.P
public class img_src {
main(String[]
"&html&\r\n"
"&head&&title&test&/title&&head&\r\n"
height=\"100\"
src='abc.png'
weight=\"30\"&abcdefg"
src='/123/456.jpg'
height=\"100\"
src=\"abc.jpg\"
weight=\"30\"&abcdefg
src=ttt.jpg&"
src=123.jpg
alt=\"src='abc'\"&"
//这种我也无能为力
"&/body&&/html&";
System.out.println(getImgSrc(html));
pile("&img\\s+(?:[^&]*)src\\s*=\\s*([^&]+)",
Pattern.CASE_INSENSITIVE
Pattern.MULTILINE);
getImgSrc(String
PATTERN.matcher(html);
ArrayList();
(matcher.find())
matcher.group(1);
这里可能还需要更复杂的判断,用以处理src="...."内的一些转义符
(group.startsWith("'"))
list.add(group.substring(1,
group.indexOf("'",
(group.startsWith("\""))
list.add(group.substring(1,
group.indexOf("\"",
list.add(group.split("\\s")[0]);
import java.util.regex.M
import java.util.regex.P
public class test {
public static void main(String[] args) {
String s = "&IMG height=55 src=\"" width=210 border=0 /&";
Pattern p1 = pile("&IMG[\\w\\s\\d\\p{Punct}]*/&");
Matcher m = p1.matcher(s);
while (m.find()) {
String str = m.group();
Pattern p = pile("src=\"[\\w\\s\\d\\p{Punct}]*\"");
Matcher m1 = p.matcher(s);
while (m1.find()) {
String str1 = m1.group();
str = str1.substring(5, str1.length() - 1);
System.out.println(str);
&&&&推荐文章:
【上篇】【下篇】当前位置:&&
C#正则表达式匹配HTML中的图片路径,图片地址代码
&&&&来源:&互联网& 发布时间:
&&&&正则&:&正则有正其礼仪法则;正规;常规等意思。&&&&匹配&:&匹配,一般指配合或搭配,也指结婚。“匹配”一词在不同的领域有着不同的意思,它既是数学语言,又是计算机方面的术语,其含义复杂多变。&&&&图片&:&图片:是指由图形、图像等构成的平面媒体。图片的格式很多,但总体上可以分为点阵图和矢量图两大类,我们常用BMP、JPG等格式都是点阵图形,而SWF、PSD等格式的图形属于矢量图形。
一般来说一个 HTML 文档有很多标签,比如“&html&”、“&body&”、“&table&”等,想把文档中的 img 标签提取出来并不是一件容易的事。由于 img 标签样式变化多端,使提取的时候用程序寻找并不容易。于是想要寻找它们就必须写一个非常健全的正则表达式,不然有可能会找得不全,或者找出来的不是正确的 img 标签。我们可以从 HTML 标签的格式去想应该怎么建这个正则表达式。首先要想一下 img 标签有几种写法,忽略大小写不看的话,下面列出 img 标签可能出现的几种情况。&img& &img/& &img src=/&这一些标签不用考虑,因为没有图片资源地址。&img src = /images/pic.jpg/ & &img src =" /images/pic.jpg" & &img src= '/images/pic.jpg ' / &这一些标签都有图片资源地址,另外还有一个特点就是有引号对,可能为单引号,也可能为双引号。因为不需要同时匹配引号对,所以正则表达式可以这么写:@"&img\s*src\s*=\s*[""']?\s*(?[^\s""'&&]*)\s*/?\s*&"&img width="320" height="240" src=/images/pic.jpg onclick="window.open('/images/pic.jpg')"&因为 img 和 src 之间可能会有其他的参数,所以“&img”要有个单词结束,比如说不能是“&imgabc”,同样 src 前面也是一样,使用单词结束符“\b”有一个好处就是省去了表示空格的“\s*”。另外由于 img 标签中不可以出现“&”、“&”这样的符号,所以要改写前面的正则表达式:@"&img\b[^&&]*?\bsrc\s*=\s*[""']?\s*(?&imgUrl&[^\s""'&&]*)[^&&]*?/?\s*&"&img width="320" height="240" src = "/images/pic.jpg" /&像这种可能会用回车符折行的问题有时候会出现,所以在有空格分开的地方要包含回车换行和 TAB 字符,另外在图片地址中不能出现空格、TAB、回车和换行字符。所以上面的正则表达式可以改成:@"&img\b[^&&]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r \n]*(?&imgUrl&[^\s\t\r\n""'&&]*)[^&&]*?/?[\s\t\r\n]*&"下面写出取得HTML中所有图片地址的静态方法。
代码如下:/// &summary&
/// 取得HTML中所有图片的 URL。
/// &/summary&
/// &param name="sHtmlText"&HTML代码&/param&
/// &returns&图片的URL列表&/returns&
public static string[] GetHtmlImageUrlList(string sHtmlText)
// 定义正则表达式用来匹配 img 标签
Regex regImg = new Regex(@"&img\b[^&&]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r\n]*(?&imgUrl&[^\s\t\r\n""'&&]*)[^&&]*?/?[\s\t\r\n]*&", RegexOptions.IgnoreCase);
// 搜索匹配的字符串
MatchCollection matches = regImg.Matches(sHtmlText);
int i = 0;
string[] sUrlList = new string[matches.Count];
// 取得匹配项列表
foreach (Match match in matches)
sUrlList[i++] = match.Groups["imgUrl"].V
return sUrlL
相关技术文章: &&&&
遇到一个多线程任务优化的问题,现在解决了,分享如下。
假设有四个任务:
任务1:登陆验证(CheckUser)
任务2:验证成功后从Web服务获取数据(GetDataFromWeb)
任务3:验证成功后从数据库获取数据(GetDatFromDb)
任务4:使用2、3的数据执行一个方法 (StartProcess)
一个比较笨的方法(本人最开始的方法,记为方法1)是直接开启一个线程,按照顺序依次执行四个任务:
代码如下:new Thread(delegate
CheckUser();
...... &&&&
代码如下:/// &summary&
/// 读写INI文件的类。
/// &/summary&
public class INIHelper
// 读写INI文件相关。
[DllImport("kernel32.dll", EntryPoint = "WritePrivateProfileString", CharSet = CharSet.Ansi)]
public static extern long WritePrivateProfileString(string section, string key, string val, string filePath);
[DllImport("kernel32.dll", EntryPoint = "GetPrivateProfileString", CharSet = CharSet.Ansi)]
public static extern int GetPrivateProfileString(string section, string key, string def, StringBuilder ...... &&&&
在windows应用程序中文档的打印是一项非常重要的功能,在以前一直是一个非常复杂的工作,Microsoft .Net Framework的打印功能都以组件的方式提供,为程序员提供了很大的方便,但是这几个组件的使用还是很复杂的,有必要解释一下。 打印操作通常包括以下四个功能: 1 打印设置 设置打印机的一些参数,比如更改打印机驱动程序等; 2 页面设置 设置页面大小纸张类型等 3 打印预览 类似于word中的打印预览 4 打印
实现打印功能的核心是PrintDocument类这个类属于System.Drawing.Printing名字空间这个类封装了当前的打印设置页面设置以及所有的与打印有关的......&nbsp最新技术文章: &&&&
本文实例讲述了C#通过IComparable实现ListT.sort()排序的方法,分享给大家供大家参考之用。具体方法如下:
通常来说,List&T&.sort()可以实现对T的排序,比如List&int&.sort()执行后集合会按照int从小到大排序。如果T是一个自定义的Object,可是我们想按照自己的方式来排序,那该怎么办呢,其实可以用过IComparable接口重写CompareTo方法来实现。流程如下:
一、第一步我们申明一个类Person但是要继承IComparable接口:
using System.Collections.G
using System.L
using System.T
using System.Threading.T
namespace TestIC...... &&&&
本文实例讲述了C#实现对Json字符串处理方法,分享给大家供大家参考。具体分析如下:
一般对于web应用开发人员来说对Json字符串都会很熟悉,其实在很多请求我们返回的都是Json字符串。那对于C#代码如何处理Json字符串呢,.Net封装了一个类叫做JavaScriptSerializer[MSDN Library 链接:/en-us/library/ee191864(v=vs.110).aspx];这个类提供了一个方法。
下面这个是在快递100往抓取的一个圆通的快递信息。对于我们有用的信息是快递时间,快递状况。那我该如何来做。 
...... &&&&
本文以一个非常简单的实例讲述了Winform实现抓取web页面内容的方法,代码简洁易懂,非常实用!分享给大家供大家参考。
具体实现代码如下:
WebRequest request = WebRequest.Create("http://1./play.php?a=" + PageUrl);
WebResponse response = request.GetResponse();
Stream resStream = response.GetResponseStream();
StreamReader sr = new StreamReader(resStream, System.Text.Encoding.UTF8);
string htmlinfo = sr.ReadToEnd();
resStream.Close();
sr.Close();
感兴趣的朋友可以测试运行或改进本文实例。希望本文所述对大家C#程序设计的学习有所帮助。
......&nbsp
特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!
(C)2012-,站长邮箱:www_169it_(请将#改为@)boilplate.css
custom-rebuild.css
elastic-noscript.css
elastic.css
flexslider.css
prettyPhoto.css
rebuild.css
slides.css
superfish.css
flex-banner.jpg
flex-banner.png
html5-banner.jpg
html5-banner.png
skins-banner.jpg
skins-banner.png
retina-icons
frame_24.png
globe_64.png
link_24.png
magnifier_24.png
man_24.png
mic_24.png
video_24.png
notice.png
succes.png
prettyPhoto
dark_rounded
btnNext.png
btnPrevious.png
contentPattern.png
loader.gif
sprite.png
dark_square
btnNext.png
btnPrevious.png
loader.gif
sprite.png
default_thumb.png
loader.gif
sprite.png
sprite_next.png
sprite_prev.png
sprite_x.png
sprite_y.png
btnNext.png
btnPrevious.png
contentPatternBottom.png
contentPatternLeft.png
contentPatternRight.png
contentPatternTop.png
default_thumbnail.gif
loader.gif
sprite.png
light_rounded
btnNext.png
btnPrevious.png
loader.gif
sprite.png
light_square
btnNext.png
btnPrevious.png
sprite.png
work_thum_1.jpg
work_thum_10.jpg
work_thum_12.jpg
work_thum_13.jpg
work_thum_15.jpg
work_thum_16.jpg
work_thum_17.jpg
work_thum_2.jpg
work_thum_3.jpg
work_thum_4.jpg
work_thum_6.jpg
work_thum_7.jpg
work_thum_8.jpg
work_thum_9.jpg
work_thum_1.jpg
work_thum_11.jpg
work_thum_12.jpg
work_thum_14.jpg
work_thum_15.jpg
work_thum_17.jpg
work_thum_2.jpg
work_thum_3.jpg
work_thum_5.jpg
work_thum_6.jpg
work_thum_7.jpg
work_thum_8.jpg
work_thum_1.jpg
work_thum_11.jpg
work_thum_12.jpg
work_thum_14.jpg
work_thum_15.jpg
work_thum_16.jpg
work_thum_17.jpg
work_thum_2.jpg
work_thum_3.jpg
work_thum_4.jpg
work_thum_5.jpg
work_thum_6.jpg
work_thum_7.jpg
work_thum_8.jpg
work_thum_9.jpg
work_mini_1.jpg
work_mini_3.jpg
work_mini_4.jpg
work_mini_5.jpg
work_mini_6.jpg
facebook.png
google.png
linkedin.png
twitter.png
arrow-black.png
arrow-green.png
arrow-red.png
arrow-white.png
arrows-ffffff.png
avatar.jpg
bg_control_nav.png
blog_icons.png
bullet-black.png
bullet-green.png
bullet-red.png
bullet-white.png
down_arrow.png
image-sample.png
module-nav-arrows.png
nav-big-arrows.png
nav-small-arrows.png
pagination-white.png
pagination.png
replay-icon.png
replay.png
shadow.png
team_man.jpg
team_man_small.jpg
team_woman.jpg
thum-blog2.jpg
thum-blog3.jpg
thum-blog4.jpg
tick-black.png
tick-red.png
tick-white.png
top_arrow.png
websymbols
websymbols-regular-webfont.eot
websymbols-regular-webfont.svg
websymbols-regular-webfont.ttf
websymbols-regular-webfont.woff
websymbols-regular-webfontd41d.eot
accordion-tabs-tables.html
blog-gallery.html
blog-image.html
blog-list.html
blog-video.html
columns.html
contact.html
index-2.html
index-slides.html
index-static-image.html
index.html
landing-page.html
page-about.html
page-no-sidebar.html
page-sidebar_left.html
page-sidebar_right.html
portfolio-1columns-filter.html
portfolio-1columns-pagination.html
portfolio-2columns-filter.html
portfolio-2columns-pagination.html
portfolio-3columns-filter.html
portfolio-3columns-pagination.html
portfolio-4columns-filter.html
portfolio-4columns-pagination.html
portfolio-single-image-full.html
portfolio-single-images-2columns.html
portfolio-single-slider-2columns.html
portfolio-single-slider-full.html
portfolio-single-video-2columns.html
portfolio-single-video-full.html
pricing-tables.html
services.html
typography.html
请先读我.htm
&!doctype html&
&!--[if IEMobile 7 ]&
&html class=&no-js iem7& lang=&en&& &![endif]--&
&!--[if (gt IEMobile 7)|!(IEMobile)]&&!--& &html class=&no-js& lang=&en&& &!--&![endif]--&
&meta charset=&utf-8&&
&title&Nova is a professional and flexible HTML5 theme &/title&
&meta name=&description& content=&This is nova theme clean and responsive HTML5 theme . Build a superb looking websites that looks great on desktops, iPads and iPhones! Nova impresses with its beauty and simplicity. Coded in HTML5 & CSS3 - future technology for today and tomorrow. Unique & clean pre made theme skins and easy re-skinning capabilities. &&
&!-- The script prevents links from opening in mobile safari. /1042026 --&
&!-- &script&(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener(&click&,function(a){d=a.while(!f.test(d.nodeName))d=d.parentN&href&in d&&(d.href.indexOf(&http&)||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,&standalone&)&/script& --&
&!-- Main Stylesheet --&
&link rel=&stylesheet& href=&css/superfish.css& media=&screen&
&link rel=&stylesheet& href=&style.css&&
&link rel=&stylesheet& href=&css/prettyPhoto.css& type=&text/css& media=&screen& title=&prettyPhoto main stylesheet& /&
&link rel=&stylesheet& href=&css/skin.css& media=&screen&
&link rel=&stylesheet& href=&css/custom-rebuild.css& media=&screen&
&link href='/css?family=Oxygen' rel='stylesheet' type='text/css'&
&script src=&js/libs/modernizr-2.0.6.min.js&&&/script&
&script type=&text/javascript&&
function setCookie(c_name,value,exdays)
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? && : &; expires=&+exdate.toUTCString());
document.cookie=c_name + &=& + c_
function set_skin(set_skin){
setCookie(&skinme&,set_skin,1);
&link rel=&stylesheet& href=&css/skins/sweet-pink.css& media=&screen&&
&div id=&container&&
&section class=&header_fix&&
&a class=&logo& href=&index.php&&&/a&&!-- /.logo --&
&section class=&contact_detail&&Contact Line: 01 234 421&/section&&!-- /.contact_detail --&
&section class=&social_links&&
&a href=&& class=&linkedin&&&/a&
&a href=&& class=&rss&&&/a&
&a href=&& class=&google&&&/a&
&a href=&& class=&twitter&&&/a&
&a href=&& class=&facebook&&&/a&
&/section&&!-- /.social_links --&
&/section&&!-- /.header_fix --&
&/header&&!-- /header --&
&section class=&nav_fix&&
&section class=&nav_fix_in&&
&a href=&http://themeforest.net/item/nova-professional-flexible-html5-template/2448755?ref=vesthar& class=&buynow& target=&_blank&&BUY NOW&/a&
&a href=&http://themeforest.net/item/nova-professional-flexible-html5-template/2448755& class=&buynow&&BUY NOW&/a&
&ul class=&main-menu&&
&li&&a href=&index.php&&Home&/a&
&li&&a href=&index.php&&Home - Flexslider&/a&&/li&
&li&&a href=&index-slides-nocaption.php&&Home - Slides No Caption&/a&&/li&
&li&&a href=&index-slides.php&&Home - Slides with Caption&/a&&/li&
&li&&a href=&index-elastic.php&&Home - Elastic Slider&/a&&/li&
&li&&a href=&index-static-image.php&&Home - Static Image&/a&&/li&
&li&&a href=&index-nobanner.php&&Home - No Banner&/a&&/li&
&li&&a href=&#&&Pre-Made Skins&/a&
id=&skins&&
&li&&a href=&index.php& onClick=&set_skin('original'); &&Original&/a&&/li&
&li&&a href=&index-slides-nocaption.php& onClick=&set_skin('original-wide'); &&Original Wide&/a&&/li&
&li&&a href=&index-slides-nocaption.php& onClick=&set_skin('dark'); &&Dark&/a&&/li&
&li&&a href=&index-slides.php& onClick=&set_skin('dark-wide'); &&Dark Wide&/a&&/li&
&li&&a href=&index-slides-nocaption.php& onClick=&set_skin('minimal'); &&Minimal&/a&&/li&
&li&&a href=&index.php& onClick=&set_skin('minimal-wide'); &&Minimal Wide&/a&&/li&
&li&&a href=&index-slides-nocaption.php& onClick=&set_skin('elegant'); &&Elegant&/a&&/li&
&li&&a href=&index-slides.php& onClick=&set_skin('funy-yellow'); &&Funy Yellow&/a&&/li&
&li&&a href=&index.php& onClick=&set_skin('paper'); &&Paper&/a&&/li&
&li&&a href=&index-slides-nocaption.php& onClick=&set_skin('eco-wide'); &&Eco Wide&/a&&/li&
&li&&a href=&index-slides-nocaption.php& onClick=&set_skin('balance-wide'); &&Balance Wide&/a&&/li&
&li&&a href=&index-elastic.php& onClick=&set_skin('sky-wide'); &&Sky Wide&/a&&/li&
&li&&a href=&index.php& onClick=&set_skin('sweet-pink'); &&Sweet Pink&/a&&/li&
&li&&a href=&typography.php&&Typography&/a&
&li&&a href=&buttons-messages.php&&Buttons & Messages&/a&&/li&
&li&&a href=&accordion-tabs-tables.php&&Accordion, Tabs & Tables&/a&&/li&
&li&&a href=&columns.php&&Columns&/a&&/li&
&li&&a href=&pricing-tables.php&&Pricing&/a&&/li&
&li&&a href=&page-sidebar_left.php&&Page Styles&/a&
&li&&a href=&page-sidebar_left.php&&Sidebar Left&/a&&/li&
&li&&a href=&page-sidebar_right.php&&Sidebar Right&/a&&/li&
&li&&a href=&page-no-sidebar.php&&No Sidebar - Feature Image&/a&&/li&
&li&&a href=&page-about.php&&About Page&/a&&/li&
&li&&a href=&team.php&&Team / Staff&/a&&/li&
&li&&a href=&jobs.php&&Jobs &/a&&/li&
&li&&a href=&services.php&&Services&/a&&/li&
&li&&a href=&404.php&&404 Page&/a&&/li&
&li&&a href=&landing-page.php&&Landing Page&/a&&/li&
&li&&a href=&faq.php&&FAQ&/a&&/li&
&li&&a href=&portfolio-4columns-filter.php&&Portfolio / Gallery&/a&
&li&&a href=&#&&Portfolio / Gallery with Filter&/a&
&li&&a href=&portfolio-1columns-filter.php&&1 Column With Filter&/a&&/li&
&li&&a href=&portfolio-2columns-filter.php&&2 Columns With Filter&/a&&/li&
&li&&a href=&portfolio-3columns-filter.php&&3 Columns With Filter&/a&&/li&
&li&&a href=&portfolio-4columns-filter.php&&4 Columns With Filter&/a&&/li&
&li&&a href=&#&&Portfolio / Gallery with Pagination&/a&
&li&&a href=&portfolio-1columns-pagination.php&&1 Column With Pagination&/a&&/li&
&li&&a href=&portfolio-2columns-pagination.php&&2 Columns With Pagination&/a&&/li&
&li&&a href=&portfolio-3columns-pagination.php&&3 Columns With Pagination&/a&&/li&
&li&&a href=&portfolio-4columns-pagination.php&&4 Columns With Pagination&/a&&/li&
&li&&a href=&portfolio-single-image-full.php&&Single Project - Full Image&/a&&/li&
&li&&a href=&portfolio-single-slider-full.php&&Single Project - Full Slider&/a&&/li&
&li&&a href=&portfolio-single-video-full.php&&Single Project - Full Video&/a&&/li&
&li&&a href=&portfolio-single-images-2columns.php&&Single Project - Image 2 Columns&/a&&/li&
&li&&a href=&portfolio-single-slider-2columns.php&&Single Project - Slider 2 Columns&/a&&/li&
&li&&a href=&portfolio-single-video-2columns.php&&Single Project - Video 2 Columns&/a&&/li&
&li class=&current_page_item&&&a href=&blog-list.php&&Blog&/a&
&li&&a href=&blog-gallery.php&&Slider - Single Blog&/a&&/li&
&li&&a href=&blog-image.php&&Image - Single Blog&/a&&/li&
&li&&a href=&blog-video.php&&Video - Single Blog&/a&&/li&
&li&&a href=&contact.php&&Contact&/a&&/li&
&/section&&!-- /.nav_fix_in --&
&/section&&!-- /.nav_fix --&
&/nav&&!-- /nav --&
&section class=&page_title_container&&
&section class=&page_title&&
&h1&Single Blog Page with Image&/h1&
&h2&Blog Content with Comment Box&/h2&
&/section&&!-- /.page_title --&
&/section&&!-- /.page_title_container --&
&section id=&content-container&&
&section class=&content_container_fix&&
&section class=&full_width&&
&section class=&three_fourth content-left&&
&article class=&post&&
&section class=&meta&&
&span class=&avatar&&&img src=&images/avatar.jpg& alt=&avatar& /&&/span&
&span class=&date&&11 Apr, 2012&/span&
&span class=&author&&M. Zawistowicz&/span&
&span class=&tags&&&a href=&#&&Layout&/a&, &a href=&#&&Design&/a&&/span&
href=&#& class=&comments&&Comment 15&/a&
&/section&&!-- /meta --&
&section class=&post_content&&
&h1&Curabitur pharetra magna faucibus magna laoreet sit amet suscipit tellus vulputate.&/h1&
&section class=&media_container&&&img src=&images/banner/flex-banner.jpg& width=&510& height=&272& alt=&image& /&&/section&&!-- /.media_container --&
Nam sodales, lectus sed vulputate rhoncus, magna leo mollis tellus, quis commodo lectus enim eu ante. Nam consequat sagittis dui sed consequat. Nullam mollis metus ac leo sodales et eleifend lectus elementum. Praesent pretium, orci eget porttitor suscipit, elit sem iaculis arcu, sed porttitor felis orci ut orci.
Nam sodales, lectus sed vulputate rhoncus, magna leo mollis tellus, quis commodo lectus enim eu ante. Nam consequat sagittis dui sed consequat. Nullam mollis metus ac leo sodales et eleifend lectus elementum. Praesent pretium, orci eget porttitor suscipit, elit sem iaculis arcu, sed porttitor felis orci ut orci.
Vestibulum dictum, quam ac laoreet tincidunt, est lorem faucibus sapien, sit amet pulvinar dolor libero sit amet massa. Suspendisse potenti. Vivamus id volutpat dolor.
Nam sodales, lectus sed vulputate rhoncus, magna leo mollis tellus, quis commodo lectus enim eu ante. Nam consequat sagittis dui sed consequat. Nullam mollis metus ac leo sodales et eleifend lectus elementum. Praesent pretium, orci eget porttitor suscipit, elit sem iaculis arcu, sed porttitor felis orci ut orci.
Vestibulum dictum, quam ac laoreet tincidunt, est lorem faucibus sapien, sit amet pulvinar dolor libero sit amet massa. Suspendisse potenti. Vivamus id volutpat dolor.
Nam sodales, lectus sed vulputate rhoncus, magna leo mollis tellus, quis commodo lectus enim eu ante. Nam consequat sagittis dui sed consequat. Nullam mollis metus ac leo sodales et eleifend lectus elementum. Praesent pretium, orci eget porttitor suscipit, elit sem iaculis arcu, sed porttitor felis orci ut orci.
&br /&&br /&
&div class=&divider_2line&&&/div&
&h3 id=&comments&&2 Responses to &Sample Post&&/h3&
&ol class=&commentlist&&
&li class=&comment even thread-even depth-1&&
&article id=&li-comment-1628&&
&div class=&comment-author vcard&&
&img alt=&& src=&images/avatar.jpg& class=&avatar avatar-40 photo& height=&40& width=&40&&
&div class=&comment-meta&&&a href=&&&&cite class=&fn&&Who know me&/cite&&/a&&/div&
&small&May 18, 2012&/small&
&div class=&clear_full&&&/div&
&section class=&comment-text clearfix&&
&p&This website is really awesome. omg&/p&
&/section&
&div class=&reply&&
&a class=&comment-reply-link& href=&/resources/sound-volume-sliders-free-psd-files/?replytocom=1628#respond& onclick='return addComment.moveForm(&comment-1628&, &1628&, &respond&, &569&)'&Reply&/a&
&/article&
&div class=&clear_full&&&/div&
&div id=&respond&&
&h3&Leave a Reply&/h3&
&div class=&cancel-comment-reply&&
&small&&a rel=&nofollow& id=&cancel-comment-reply-link& href=&& style=&display:&&Click here to cancel reply.&/a&&/small&
&form action=&#& method=&post& id=&commentform&&
&p&&input name=&author& id=&author& value=&& size=&22& tabindex=&1& aria-required=&true& type=&text&&
&label for=&author&&&small&Name (required)&/small&&/label&&/p&
&p&&input name=&email& id=&email& value=&& size=&22& tabindex=&2& aria-required=&true& type=&text&&
&label for=&email&&&small&Mail (will not be published) (required)&/small&&/label&&/p&
&p&&input name=&url& id=&url& value=&& size=&22& tabindex=&3& type=&text&&
&label for=&url&&&small&Website&/small&&/label&&/p&
&p&&textarea name=&comment& id=&comment& cols=&500& rows=&10& tabindex=&4&&&/textarea&&/p&
&p&&input name=&submit& id=&submit& tabindex=&5& value=&Publish& type=&submit&&&/p&
&/section&&!-- /post_content --&
&section class=&clear_full&&&/section&
&/article&&!-- /post --&
&/section&&!-- /.three_fourth content--&
&section class=&one_fourth last&&
&section class=&widget&&
&h3&Page Menu&/h3&
&ul class=&menu&&
&li&&a href=&&&Menu Item 1/ Subpage&/a&&/li&
&li&&a href=&&&Menu Item 2/ Subpage&/a&&/li&
&li&&a href=&&&Menu Item 3/ Subpage&/a&&/li&
&li&&a href=&&&Menu Item 4/ Subpage&/a&&/li&
&li&&a href=&&&Menu Item 5/ Subpage&/a&&/li&
&li&&a href=&&&Menu Item 6/ Subpage&/a&&/li&
&/section&&!-- /.widget --&
&section class=&widget&&
&h3&This Is Text Widget&/h3&
&p& Vivamus vitae lectus non orci pretium vestibulum nec commodo metus. Phasellus egestas, metus eget convallis fermentum, nisi dui hendrerit felis, a convallis magna risus nec eros. Cras elementum viverra metus. Nunc vitae neque sed augue interdum lobortis in id velit. &/p&
&a href=&& class=&button orange&&&span&Read More&/span&&/a&
&/section&&!-- /.widget --&
&section class=&widget&&
&h3&Recent Work&/h3&
&ul class=&grid&&
&li&&a href=&&&&img src=&images/samples/work_mini_1.jpg& alt=&image& /&&/a&&/li&
&li&&a href=&&&&img src=&images/samples/work_mini_2.jpg& alt=&image&
/&&/a&&/li&
&li class=&last&&&a href=&&&&img src=&images/samples/work_mini_3.jpg& alt=&image&
/&&/a&&/li&
&li&&a href=&&&&img src=&images/samples/work_mini_4.jpg& alt=&image&
/&&/a&&/li&
&li&&a href=&&&&img src=&images/samples/work_mini_5.jpg& alt=&image&
/&&/a&&/li&
&li class=&last&&&a href=&&&&img src=&images/samples/work_mini_6.jpg& alt=&image&
/&&/a&&/li&
&section class=&clear_full&&&/section&
&/section&&!-- /.widget --&
&section class=&widget&&
&h3&Brochure Widget&/h3&
&a href=&& class=&pdf_brochure&&Dowload Our Company Brochure in PDF Format&/a&
&/section&&!-- /.widget --&
&section class=&widget&&
&h3&Recent Posts&/h3&
&ul class=&list&&
&a href=&& class=&thum&&&img src=&images/samples/work_mini_1.jpg& alt=&image&
&a href=&& class=&recent_post_title&&This is a Right Sidebar Post Example Title&/a&
&span class=&recent_post_date&&on 01-27-2012&/span&
&a href=&& class=&thum&&&img src=&images/samples/work_mini_2.jpg& alt=&image&
&a href=&& class=&recent_post_title&&This is a Right Sidebar Post Example Title&/a&
&span class=&recent_post_date&&on 01-27-2012&/span&
&a href=&& class=&thum&&&img src=&images/samples/work_mini_3.jpg& alt=&image&
&a href=&& class=&recent_post_title&&This is a Right Sidebar Post Example Title&/a&
&span class=&recent_post_date&&on 01-27-2012&/span&
&/section&&!-- /.widget --&
&section class=&widget&&
&h3&Contact Details&/h3&
&strong&&em&Company Location&/em&&/strong&&br /&
Charismatic Media&br /&
Innovation Park Limerick&br /&
Suite 44, Mill Road&br /&
Limerick, Ireland
&strong&&em&How To Contact Us&/em&&/strong&&br /&
Email: &br /&
&strong&&em& Office Hours&/em&&/strong&&br /&
Mondays-Friday: 09:00 - 18:00&br /&
Saturday: 10:00 - 15:00
&/section&&!-- /.widget --&
&/section&&!-- /.one_fourth --&
&/section&&!-- /.full_width --&
&section class=&clear_full&&&/section&
&/section&&!-- /.content_container_fix --&
&/section&&!-- /#content-container --&
&section class=&footer_fix&&
&section class=&footer_widgets&&
&section class=&footer_widget_12&&
&h3&Footer text Widget&/h3&
&img src=&images/icons/retina-icons/globe_64.png& class=&float-left& alt=&globe& /&
&p&This is nova theme clean and professional HTML5 theme . Build a superb looking websites that looks great everywhere!
&p&Nova impresses with its beauty and simplicity.
Coded in HTML5 & CSS3 - future technology for today and tomorrow. Unique & clean
pre made theme skins and easy re-skinning capabilities. &a href=&&&Get Nova Now &&/a&
&/article&
&/section&&!-- /.footer_widget_12 --&
&section class=&footer_widget_14&&
&h3&Featured Pages&/h3&
&li&&a href=&index.php&&+
Main Home Page &/a&&/li&
&li&&a href=&index-slides.php&&+
Slides Home Page &/a&&/li&
&li&&a href=&index-elastic.php&&+
Elastic Home Page &/a&&/li&
&li&&a href=&portfolio-4columns-filter.php&&+
Portfolio Page &/a&&/li&
&li&&a href=&pricing-tables.php&&+
Our Prices Page &/a&&/li&
&/article&
&/section&&!-- /.footer_widget_14 --&
&section class=&footer_widget_14&&
&h3&Contact Information&/h3&
&p&Charismatic Media&br&
Innovation Park Limerick&br&
Suite 44, Mill Road&br&
Limerick, Ireland
&strong&&em&How To Contact Us&/em&&/strong&&br&
Email: &br&
&/article&
&/section&&!-- /.footer_widget_14 --&
&/section&&!-- /.footer_widgets --&
&section class=&footer_meta&&
&span class=&copyright&&All rights reserved. & 2012 NOVA Theme&/span&
&ul class=&footer_menu&&
&li&&a href=&index.php&&Home&/a&&/li&
&li&&a href=&typography.php&&Typography&/a&&/li&
&li&&a href=&pricing-tables.php&&Pricing&/a&&/li&
&li&&a href=&page-sidebar_left.php&&Page Styles&/a&&/li&
&li&&a href=&faq.php&&FAQ&/a&&/li&
&li&&a href=&portfolio-4columns-filter.php&&Portfolio / Gallery&/a&&/li&
&li&&a href=&blog-list.php&&Blog&/a&&/li&
&li&&a href=&contact.php&&Contact&/a&&/li&
&li class=&buynow&&&a href=&http://themeforest.net/item/nova-professional-flexible-html5-template/2448755?ref=vesthar& target=&_blank&&BUY NOW&/a&&/li&
&/ul&&!-- /.footer_menu --&
&/section&&!-- /.footer_meta --&
&/section&&!-- /.footer_fix --&
&/footer&&!-- /footer --&
&/div& &!-- /#container --&
&!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary --&
&script src=&///ajax/libs/jquery/1.7.2/jquery.min.js&&&/script&
&script&window.jQuery || document.write('&script src=&js/libs/jquery-1.7.2.min.js&&&\/script&')&/script&
&script src=&js/libs/jquery.quicksand.js& type=&text/javascript&&&/script&
&script src=&js/pre-scripts.js&&&/script&
&script src=&js/libs/ui/jquery.ui.core.js&&&/script&
&script src=&js/libs/ui/jquery.ui.widget.js&&&/script&
&script src=&js/libs/ui/jquery.ui.accordion.js&&&/script&
&script src=&js/libs/ui/jquery.ui.tabs.js&&&/script&
&script src=&js/libs/superfish/hoverIntent.js&&&/script&
&script src=&js/libs/superfish/superfish.js&&&/script&
&script src=&js/libs/superfish/supersubs.js&&&/script&
&script src=&js/libs/jquery.flexslider-min.js&&&/script&
&script type=&text/javascript& src=&js/libs/jquery.easing.1.3.js&&&/script&
&script src=&js/libs/slides.min.jquery.js&&&/script&
&script src=&js/libs/jquery.prettyPhoto.js& type=&text/javascript& charset=&utf-8&&&/script&
&script src=&js/scripts.js&&&/script&
&!-- scripts concatenated and minified via ant build script--&
&script src=&js/helper.js&&&/script&
&!-- end scripts--&
Copyright(C)
OKBASE.NET All Rights Reserved 好库网 版权所有}

我要回帖

更多关于 static image common 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信