精华内容
下载资源
问答
  • } Option 2: For two distinct content columns, use this HTML: ... contents go here ... Example content ... contents go here ... And CSS: #content .col { float: left; } #footer { clear: left; }

    This is what my page should look like -

    --------Header (will put code to load header from external site here)

    --Image on left side - Text on right side.

    --------Footer ((will put code to load footer from external site here))

    How can I do this? I am actually looking for a template where all I have to do is place my image, text and header and footer code.

    解决方案

    Option 1:

    For text wrapping around the image, use this basic HTML:

    Example content

    And this CSS:

    #content img {

    float: left;

    }

    Option 2:

    For two distinct content columns, use this HTML:

    ... contents go here ...

    Example content

    ... contents go here ...

    And CSS:

    #content .col {

    float: left;

    }

    #footer {

    clear: left;

    }

    展开全文
  • 一个基本的导航栏代码如上,包含两个按钮和一行文字作为标题。data-icon可以定义按钮对应的小图标。如果希望将按钮放在文本右侧,可以添加class=“ui-btn-right”样式。要注意的是,Jquery Mobile中的导航部分...

    导航栏部分的代码一般放置在data-role为header的div的内。

    <div data-role="header">
        <a href="#" data-role="button" data-icon="home">首页</a>
        <h1>欢迎访问我的主页</h1>
        <a href="#" data-role="button" data-icon="search">搜索</a>
      </div>
    
    一个基本的导航栏代码如上,包含两个按钮和一行文字作为标题。data-icon可以定义按钮对应的小图标。如果希望将按钮放在文本右侧,可以添加class=“ui-btn-right”样式。要注意的是,Jquery Mobile中的导航部分(header内)只能包含两个按钮。(可以想象一下,一般的手机app导航内都不会有过多的button,一般都放在页脚中)

    相比之下,页脚的按钮数量没有限制,页脚放在footer中,基本代码如下:

    <div data-role="footer">
        <a href="#" data-role="button" data-icon="plus">转播到新浪微博</a>
        <a href="#" data-role="button" data-icon="plus">转播到腾讯微博</a>
        <a href="#" data-role="button" data-icon="plus">转播到QQ空间</a>
    </div>
    
    这符合一般的移动app设计模式,底部是切换到不同页面的button。切换页面的方式也很简单,注意到这里的每一个button都是用a标签定义的,其中的href就如我们上次所说,是可以进行页面转换的,只要在href后面添加另一个页面的id(即data-role为page的div)即可完成跳转。跳转的过程有很多jquery mobile内置定义的动画效果,在以后介绍。

    关于页眉和页脚,除了上述所说之外,还可以使用data-position属性定义它们的位置属性,包含以下三个可选值(来自:w2cschool):

    Inline - 默认。页眉和页脚与页面内容位于行内。

    Fixed – 页眉和页脚会留在页面顶部和底部。

    Fullscreen - 与 fixed 类似;页眉和页脚会留在页面顶部和底部,but also over thepage content. It is also slightly see-through



    展开全文
  • 2009年11月,调查圈推出了系列新功能,其中,就很多用户提出的问卷页脚和感谢页的设置已经全新上线,...如需设置页脚格式及颜色,您可在“编辑主题”中,自定义设置页脚文字位置、背景颜色、字体及其他显示效果。感谢

     

    2009年11月,调查圈推出了系列新功能,其中,就很多用户提出的问卷页脚和感谢页的设置已经全新上线,具体操作过程及注意事项,可观看调查圈使用指南,详细了解,请登录调查圈体验。

    页脚的设置方法为:进入“问卷编辑”页面,勾选是否显示页脚,并可编辑简单的html代码,添加图片或文字链接等;如需设置页脚格式及颜色,您可在“编辑主题”中,自定义设置页脚文字位置、背景颜色、字体及其他显示效果。

    感谢页的设置方法为:进入“发布问卷”页面,点击您所发布的收集器的“设置”按钮,即可在页面里设置感谢页内容,设置支持html 语言编辑,操作便捷!

    展开全文
  • 经常看到有些网站为了吸引用户注意...整个HTML结构由遮罩层.float_layer,内容层.float_content组成,其中.float_bg为广告部分,内容可以是图片、文字等任意形式的html元素,.float_close是关闭按钮,用户不喜欢广告可
  • 3.11 创建页脚 50 3.12 创建通用容器 53 3.13 使用ARIA改善可访问性 56 3.14 为元素指定类别或ID名称 59 3.15 为元素添加title属性 61 3.16 添加注释 62 第4章 文本 63 4.1 添加段落 63 4.2...
  • 超实用的jQuery代码

    2019-03-04 10:20:41
    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
  • code1_1.html HTML标签代码 code1_2.html HTML文档注释 code1_3.html 字体格式 code1_4.html 段落标记符号 code1_5.html 无序号...
  • 实例207——实现定制打印页的页眉和页脚 实例208——为对话框控件添加ToolTip提示框 实例209——使用AppWizard自动创建WinHelp帮助 实例210——制作WinHelp帮助文件 实例211——向程序中手工添加WinHelp帮助...
  • 下面是html文件的代码。 ``` <!DOCTYPE html> <html> 首页 body { margin:0px; background-image:url(images/6.jpg); } /* 定义容器container,把所有div都放到container中 */ #container { ...
  •  9、设置/清除文字页脚、图片页脚  10、设置/清除文字水印、图片水印  11、批量打印  12、插入/合并文档  13、转换类型(可转换为doc、rtf、txt、xml、htm、html、mht、mhtml、dot、docx、dotx中的任一格式...
  • 1.4.3 简洁的HTML、CSS和JavaScript代码 9 1.4.4 测试移动应用 9 1.5 本章小结 9 第2章 初识HTML 5 10 2.1 了解HTML 5 10 2.1.1 HTML的发展 10 2.1.2 HTML 5概述 11 2.1.3 HTML 5的优势 11 2.2 HTML 5语法...
  • Java 生成 pdf

    千次阅读 2019-01-12 21:34:04
    Java 可以通过 IText 直接把内容生成 pdf 文件,下面的 Demo 主要演示了文件属性、页眉页脚、表格、段落文字、图片的生成。 先上代码: package html2PDF; import java.io.File; import java.io....

    Java 可以通过 IText 直接把内容生成 pdf 文件,下面的 Demo 主要演示了文件属性、页眉页脚、表格、段落文字、图片的生成。
    先上代码:

    package html2PDF;
    
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.net.MalformedURLException;
    
    import com.lowagie.text.BadElementException;
    import com.lowagie.text.Cell;
    import com.lowagie.text.Chunk;
    import com.lowagie.text.Document;
    import com.lowagie.text.Element;
    import com.lowagie.text.Font;
    import com.lowagie.text.HeaderFooter;
    import com.lowagie.text.Image;
    import com.lowagie.text.PageSize;
    import com.lowagie.text.Paragraph;
    import com.lowagie.text.Phrase;
    import com.lowagie.text.Rectangle;
    import com.lowagie.text.Table;
    import com.lowagie.text.pdf.BaseFont;
    import com.lowagie.text.pdf.PdfPCell;
    import com.lowagie.text.pdf.PdfPTable;
    import com.lowagie.text.pdf.PdfWriter;
    
    public class CreatePdf {
    	
    	public static void main(String[] args) throws Exception {
    		Document document = new Document();
    		PdfWriter.getInstance(document, new FileOutputStream(new File("E:\\pdfTest\\mypdfdoc.pdf")));
    		BaseFont baseFont = BaseFont.createFont("E:\\testFile\\msyh.ttf", BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED);
    		// 文字如果要加粗,修改第三个参数
    		Font msya = new Font(baseFont, 12, Font.NORMAL);
    		
    		//设置文档属性
    		createAttr(document);
    		//设置页眉页脚
    		createHeaderFooter(document, msya);
    		
    		document.open();
    		
    		document.add(new Paragraph("Table 样例", msya));
    		//创建表格及设置表格样式
    		Table table = createTable(4, Element.ALIGN_CENTER, 2);
    		
    		//创建单元格并设置样式,看自身情况可使用循环
    		table.addCell(createCell("姓名", msya));
    //		table.addCell(createCell("性别", msya, Element.ALIGN_LEFT), Element.ALIGN_TOP);
    		table.addCell(createCell("性别", msya));
    		table.addCell(createCell("籍贯", msya));
    		table.addCell(createCell("生日", msya));
    		
    		table.addCell(createCellWithSpan("行列合并", msya, 2, 2));
    		table.addCell(createCell("英语", msya));
    		table.addCell(createCell("数学", msya));
    		table.addCell(createCell("生物", msya));
    //		table.addCell(createCell("地理", msya));
    		document.add(table);
    		Paragraph parag = new Paragraph("  ----------------------这里是分割线---------------------    ", msya);
    		parag.setAlignment(Element.ALIGN_CENTER);
    		document.add(parag);
    		Chunk chunk = new Chunk("PdfTable 样例", msya);
    //		chunk.setHorizontalScaling(0.5f);  //水平缩放
    		document.add(chunk);
    		//创建表格及设置表格样式
    		PdfPTable pTable = createPdfTabel();
    		//创建单元格并设置样式,看自身情况可使用循环
    		pTable.addCell(createPdfCell("姓名", msya));
    		pTable.addCell(createPdfCell("性别", msya));
    		pTable.addCell(createPdfCell("籍贯", msya));
    		pTable.addCell(createPdfCell("生日", msya));
    		pTable.addCell(createPdfCell("英语", msya));
    		pTable.addCell(createPdfCell("数学", msya));
    		pTable.addCell(createPdfCellWithSpan("行列合并", msya, 2, 1));
    		pTable.addCell(createPdfCell("物理", msya));
    		pTable.addCell(createPdfCell("化学", msya));
    		pTable.addCell(createPdfCell("生物", msya));
    //		pTable.addCell(createPdfCell("地理", msya));
    	
    		document.add(pTable);
    		Phrase phrase = new Phrase("短语标题"); //未加入字体,不显示
    		document.add(phrase);
    		document.add(new Chunk("这里是块内容,这里是块内容,这里是块内容,这里是块内容,这里是块内容,"
    				+ "这里是块内容,这里是块内容", msya));
    		document.add(new Paragraph("这里是段落内容,这里是段落内容,这里是段落内容,这里是段落内容,"
    				+ "这里是段落内容,这里是段落内容,这里是段落内容,这里是段落内容,这里是段落内容,这里是段落内容,"
    				+ "这里是段落内容", msya));
    		
    		//生成图片
    		document.add(imgToPdf("E:\\testfile\\money.jpg"));
    		
    		// 新建第二页,页眉页脚会继承,页码会递增
    		document.newPage();
    //		document.setPageSize(PageSize.A4);  //默认是 A4 大小
    		document.add(new Paragraph("第二页", msya));
    		
    		document.close();
    		
    		System.out.println("over");
    	}
    
    	private static Image imgToPdf(String imgPath) {
    		// 读取一个图片
    		Image image = null;
    		try {
    			image = Image.getInstance(imgPath);
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
    		image.setAlignment(Image.ALIGN_CENTER);
    		
    		// 设置图片的绝对位置
    		// 第一个参数表示距页面左下角的横向宽度,第二个参数表示距页面左下角的纵向高度
    //		image.setAbsolutePosition(0, 200);//不写这行则默认在内容下一行
    		 
    		// 等比例放大或缩小图片
    /*		float imageHeight = image.getScaledHeight();
    		float imageWidth = image.getScaledWidth();
    		int i = 0;
    		while (imageHeight > 500 || imageWidth > 500) {
    			image.scalePercent(100 - i);   //减 是缩小, 加 是放大
    			i++;
    			imageHeight = image.getScaledHeight();
    			imageWidth = image.getScaledWidth();
    			System.out.println("imageHeight->" + imageHeight);
    			System.out.println("imageWidth->" + imageWidth);
    		}
    */
    		image.scaleAbsolute(50, 60);	//参数代表宽高,默认居中
    		
    		return image;
    	}
    
    	private static PdfPCell createPdfCellWithSpan(String content, Font msya, int rowSpan, int colSpan) {
    		PdfPCell pCell = new PdfPCell();
    		pCell.setColspan(rowSpan);
    		pCell.setRowspan(colSpan);
    		pCell.setHorizontalAlignment(Element.ALIGN_CENTER);
    		pCell.setVerticalAlignment(Element.ALIGN_MIDDLE);
    		pCell.setPhrase(new Phrase(content,msya));
    		return pCell;
    	}
    
    	private static PdfPCell createPdfCell(String content, Font msya) {
    		PdfPCell pCell = new PdfPCell();
    		pCell.setVerticalAlignment(Element.ALIGN_MIDDLE);
    		pCell.setHorizontalAlignment(Element.ALIGN_CENTER);
    		pCell.setPadding(5);
    		pCell.setPhrase(new Phrase(content,msya));
    		return pCell;
    	}
    
    	private static PdfPTable createPdfTabel() {
    		PdfPTable pTable = new PdfPTable(4);
    		pTable.getDefaultCell().setBorder(1);
    		pTable.setHorizontalAlignment(Element.ALIGN_CENTER);
    		return pTable;
    	}
    
    	private static Cell createCellWithSpan(String content, Font msya, int rowSpan, int colSpan) {
    		Cell cell = new Cell();
    		if(rowSpan > 1) {
    			cell.setRowspan(rowSpan);
    		}else {
    			cell.setRowspan(1);
    		}
    		if(colSpan > 1) {
    			cell.setColspan(colSpan);
    		}else {
    			cell.setColspan(1);
    		}
    		
    		cell.setHorizontalAlignment(Element.ALIGN_CENTER);
    		cell.setVerticalAlignment(Element.ALIGN_MIDDLE);
    		cell.add(new Phrase(content, msya));
    		return cell;
    	}
    
    	private static Cell createCell(String content, Font msya) {
    		Cell cell = new Cell();
    		cell.setHorizontalAlignment(Element.ALIGN_CENTER);
    		cell.setVerticalAlignment(Element.ALIGN_MIDDLE);
    		cell.add(new Phrase(content, msya));
    		return cell;
    	}
    	
    	private static Cell createCell(String content, Font msya, int halign, int valign) {
    		Cell cell = new Cell();
    		cell.setHorizontalAlignment(halign);
    		cell.setVerticalAlignment(valign);
    		cell.add(new Phrase(content, msya));
    		return cell;
    	}
    
    	private static Table createTable(int colNum, int align, int padding) {
    		Table table = null;
    		try {
    			table = new Table(colNum);
    		} catch (BadElementException e) {
    			e.printStackTrace();
    		}
    		/*
    		 * 外边框一直有
    		 * 0 单元格无边框;1 单元格有横边框;4的倍数 单元格有竖边框;5 横竖边框均有
    		 * 默认有横竖边框
    		 */
    //		table.getDefaultCell().setBorder(Cell.NO_BORDER);
    		table.setAlignment(align);
    		table.setPadding(padding);
    		return table;
    	}
    
    	private static void createHeaderFooter(Document document, Font msya) {
    		HeaderFooter header = new HeaderFooter(new Phrase("这里是页眉", msya), false);
    		// 设置是否有边框等
    		// header.setBorder(Rectangle.NO_BORDER);
    		header.setBorder(Rectangle.BOTTOM);
    		header.setAlignment(1);
    //		header.setBorderColor(Color.red);
    		document.setHeader(header);
    		HeaderFooter footer = new HeaderFooter(new Phrase("——第", msya), new Phrase("页——", msya));
    		/**
    		 * 0是靠左 1是居中 2是居右,或者直接用 Element 的常量属性
    		 */
    		footer.setAlignment(1);
    //		footer.setAlignment(Element.ALIGN_RIGHT);
    //		footer.setBorderColor(Color.red);
    		footer.setBorder(Rectangle.BOX);
    		document.setFooter(footer);
    		
    	}
    
    	private static void createAttr(Document document) {
    		document.addAuthor("xiao");
    		document.addHeader("name", "content");
    		document.addSubject("subject");
    		document.addKeywords("keywords  keyword");
    		document.addTitle("title");
    		document.addCreator("creator");
    	//	document.addProducer();
    	//	document.addCreationDate();
    	}
    }
    
    

    本博主有话说:

    1. Demo 用的是 itext-2.1.7.jar ,其中表格对比了 itextpdf-5.4.3.jar 中的 表格。jar 包自取不谢。戳我下载
    2. 看如下效果图,两种表格各有特点:
    • 看边框:itext 的表格的外边框比里面的边框粗,而 itextpdf 的表格的内外边框是一样粗细。我都没另外设置边框。
    • 看单元格内边距:我同样设置了单元格内容水平和垂直居中,但是 itext 的表格内容水平是居中了,但是垂直方向是偏下的。itextpdf 表格内容可以水平和垂直居中。
    • 看单元格合并:我试了两种表格同时合并2行2列,结果 itext 的表格可以正确显示效果,而 itextpdf 的表格报空指针错误了,程序都无法运行。(可能是我写的方式不对,如果哪位朋友有正确写法,让留言指导一下)
    • 看单元格内容:itext 的表格,即时我最后一个单元格没有添加,整个表格还是显示出来了,只是最后一个单元格的内容默认为空了。itextpdf 的表格同样我少添了一个单元格,程序没有报错,但是最后一整行都没有显示出来。
    1. 需要添加中文内容时,请务必带上字体,要不然不显示中文。
    2. 文章属性和页眉页脚等相关内容需要在 document.open() 前设置,否则无效。
    3. 内容超过一页会自动新建页面,也可手动在未满一页时新增页面。

    效果图如下:
    在这里插入图片描述

    展开全文
  • IE 万能报表 免费DLL

    2011-03-22 09:12:42
    一个利用IE实现实时报表功能的DLL,本DLL免费无功能限制,可以提供给...参数: HtmlCode 网页HTML代码 参数: Title 打印预览标题 IEPrintBackground 打印是否打印背景 参数: IsShow 是否显示背景 About 获取作者信息
  • word使用技巧大全

    热门讨论 2011-03-18 20:37:53
    99、Word中查找/替换通配符和代码 101 四十三、Word中公式编辑器的使用技巧 104 1、公式编辑器的启动与退出 104 四十四、Word文档设置多个不同的页眉页脚 107 四十五、Word 快捷键 108 四十六、Word 通配符 110 四十...
  • 通过这个系统,可以方便的管理,发布,维护网站的内容,而不再需要硬性的写HTML代码或手工建立每一个页面。 主智cms是一款面向企业用户,不同于传统 CMS 的网站内容管理系统,凭借独特的网站前端编辑系统(FrEE),...
  • 16.2.4 页脚的创新 318 16.2.5 刊头设计 324 第17章 NYMag.com:简单的标准,迷人的界面 327 17.1 检视内容 328 从内容检视到实现策略 333 17.2 再次深入标记 336 17.3 开始应用样式表 339 有了方法,其他就...
  • 7、改进PC端打印功能,现在在谷歌浏览器、IE浏览器(需要权限,建议使用谷歌浏览器打印)下使用打印功能,会自动去掉页眉页脚; (严重程度:中) 8、改进PC端页面同IE8以下浏览器兼容性,避免在特定情况下、特定...
  • cms后台管理

    热门讨论 2012-06-26 10:41:19
    代码 找到jeecms-servlet-front-action.xml,在此配置文件中有 <bean id="dynamicAct" class="com.jeecms.cms.action.front.DynamicPageAct"/> 可以找到类DynamicPageAct,此类是首页模板。 在类DynamicPageAct...
  • asprain论坛支持多种论坛广告形式,包括页头广告、页脚广告、帖子中的文字广告、帖子右边的图片广告、全屏浮动广告、左右对联广告、页面右下角的弹出广告等。所有的广告位都支持循环轮播。也就是说,你可以在同一个...
  • 页眉,页脚,左侧菜单,内容等... 5.2。这是继承! 5.3。划分et impera! 5.4。使用wicket标记继承:扩展标记 5.5。摘要 6.保持对HTML的控制 6.1。隐藏或禁用组件 6.2。修改标签属性 6.3。生成标记属性“id” 6.4。...
  • 11-2-5 使用窗体控件执行模块程序代码 11-2-6 将宏命令变成VBA代码 11-3 VBA程序设计应用 11-3-1 自动填入窗体控件的日期 11-3-2 计算符合条件字段的数据 11-3-3 使用信息窗口显示计算结果 11-3-4 清除窗体中...
  • code1_1.html HTML标签代码 code1_2.html HTML文档注释 code1_3.html 字体格式 code1_4.html 段落标记符号 code1_5.html 无序号...
  • 精通PHP 5(书籍配套光盘)

    热门讨论 2009-06-27 20:09:44
    code1_1.html HTML标签代码 code1_2.html HTML文档注释 code1_3.html 字体格式 code1_4.html 段落标记符号 code1_5.html 无序号...
  • WP主题:HotNewspro 2.72

    2013-10-05 09:45:41
    主题顶部及页脚各有一个导航菜单,必须使用WP的“菜单”功能。顶部支持多级下拉菜单,底部不支持多级菜单,否则会造成错位。菜单功能使用教程:WordPress3.0导航菜单图文使用教程. PS:可以在菜单设置页面,打开右上...
  • 11-2-5 使用窗体控件执行模块程序代码 11-2-6 将宏命令变成VBA代码 11-3 VBA程序设计应用 11-3-1 自动填入窗体控件的日期 11-3-2 计算符合条件字段的数据 11-3-3 使用信息窗口显示计算结果 11-3-4 清除窗体中...
  • 11-2-5 使用窗体控件执行模块程序代码 11-2-6 将宏命令变成VBA代码 11-3 VBA程序设计应用 11-3-1 自动填入窗体控件的日期 11-3-2 计算符合条件字段的数据 11-3-3 使用信息窗口显示计算结果 11-3-4 清除窗体中...
  • 11-2-5 使用窗体控件执行模块程序代码 11-2-6 将宏命令变成VBA代码 11-3 VBA程序设计应用 11-3-1 自动填入窗体控件的日期 11-3-2 计算符合条件字段的数据 11-3-3 使用信息窗口显示计算结果 11-3-4 清除窗体中...

空空如也

空空如也

1 2 3 4
收藏数 71
精华内容 28
关键字:

html页脚文字代码