html页面例子
来源:互联网 发布:快速排序算法java递归 编辑:程序博客网 时间:2024/05/16 09:14
效果
html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="cs" /> <meta name="author" lang="cs" content="..." /> <meta name="copyright" lang="cs" content="..." /> <meta name="description" content="..." /> <meta name="keywords" content="..." /> <meta name="robots" content="all,follow" /> <link href="style.css" type="text/css" rel="stylesheet" media="screen,projection" /> <!--[if lte IE 6]> <link href="css/msie.css" type="text/css" rel="stylesheet" media="screen,projection" /> <![endif]--> <link rel="stylesheet" media="print" type="text/css" href="css/print.css" /> <title>Mintidea – Free CSS Template</title> </head> <body><div id="layout"> <div id="header"> <h1 id="logo"><a href="./" title="Company">mint<span class="light">idea</span><span class="leaf"> </span></a></h1> <hr class="noscreen" /> <div id="nav" class="box"> <ul> <li> <a href="/">Home <br /> <span>Main page</span></a> </li> <li> <a href="/">Who <br /> <span>Our team</span></a> </li> <li> <a href="/">What <br /> <span>Our services</span></a> </li> <li> <a href="/">Portfolio <br /> <span>Our woks</span></a> </li> <li> <a href="/">Prices <br /> <span>How much it costs</span></a> </li> <li> <a href="/">Contact <br /> <span>Write us!</span></a> </li> </ul> <hr class="noscreen" /> </div> <hr class="noscreen" /> <div id="container" class="box"> <div id="obsah" class="content box"> <div class="in"> <h2>Lorem ipsum dolor!</h2> <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <h3>Dolor sit amet:</h3> <ul id="ul2"> <li> <a href="#">Dolor in reprehenderit</a> </li> <li> <a href="#">In reprehenderit</a> </li> <li> <a href="#">Molot in reprehenderit in volupta</a> </li> <li> <a href="#">Rure dolor in reprehenderit in volupta</a> </li> </ul> <h3>Lorem ipsum dolor</h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, im veniam, quis n ullamco laboris nisi ut aliquip im veniam, quis n ullamco laboris nisi ut aliquip sed do eiusmod tempor incididunt ut labore et dolore magna aliquaim veniam </p> <p> Quis n ullamco laboris nisi ut aliquip. Ut enim ad minim veniam, quis n ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, im veniam, quis n ullamco laboris nisi ut aliquip im veniam, quis n ullamco laboris nisi ut aliquip. </p> </div> </div> <div id="panel-left" class="box panel"> </div> </div> </div> </div> </body></html>
css代码
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border: 0;}body{background: #192d40 url(images/bg.jpg) repeat-x ; /*实现渐变效果*/ font: "Copperplate Gothic Light"; line-height: 1.2em; width: 900px; height: 750px; color: #e8eaeb;}a{ color: #e5e5e5;}#layout{ margin: 0 auto;}#header{ position: relative; padding-left: 7px;}#logo{ width:780px; height: 80px; text-align: left; color: #cccccc; position: relative; margin: 0; line-height: 100px;}#logo a{ text-decoration: none;}.light{ color: #2b4866;}.leaf{ position:absolute; background: url(images/leaf.gif) 45px 5px no-repeat; width: 120px; height: 80px; left: 0; top: 10px;}h1{ margin: 15px 0 10px 0; font-weight: bold;}#nav { position: relative; z-index: 2; border: 1px solid #1a2735; border-right: none; border-left: none; padding: 7px 0;}#nav li{ list-style-type: none; display: inline; padding: 0; margin: 0;}#nav ul li a{ text-decoration: none; font-size: 19px; font-weight: bold; float: left; display: block; padding: 7px 25px 7px 7px; line-height: 18px;}#nav ul li span{ font-size: 11px; font-weight: normal; color: #67707a;}h2{ color: #E5E5E5;}h3{ padding-left: 50px;}div.in p{ text-align: right; color: #CCCCCC; padding-left: 50px;}#ul2{ padding-left: 80px;}
0 0
- html页面例子
- 例子:自动生成可以保存数据的HTML页面
- Appeon Web应用嵌入在HTML页面的例子
- Appeon Web应用嵌入在HTML页面的例子
- Appeon Web应用嵌入在HTML页面的例子
- Appeon Web应用嵌入在HTML页面的例子
- Appeon Web应用嵌入在HTML页面的例子
- html例子
- HTML例子
- HTML页面
- html页面
- Html页面内容提取与过滤(很简单的例子、适合初学者)
- java解析html例子
- HTML的一些例子。
- HTML Frameset 例子代码
- 过滤 HTML 标签例子
- html 表格的例子
- html标题滚动例子
- Linux netstat
- 每天一个linux命令(16):mv命令
- Unity5.0安装后提示re-activate等错误
- 怎样做一个iOS App的启动分层引导动画
- Acer S3 拆机换固态硬盘!【我的Acer S3小三,时尚时尚最时尚!】
- html页面例子
- 一看就会Android之布局高度和布局宽度与组件高度和宽度的区别
- Linux学习 - vsftpd的配置和常用命令
- swift闭包的理解
- C语言localtime()函数:获取当前时间和日期并转换为本地时间
- 一看就会Android之开发自定义的View
- poj2602 bone 0-1背包
- 等概率随机排列数组(洗牌算法)
- Java-HttpServletRequest