2. 程式人生 > >CSS 一個完整的例子

CSS 一個完整的例子

阿新 • • 發佈：2017-06-18
som rand comment one oge none dom ttl use

My first web page

What this is

A simple page put together using HTML. I said a simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML.

Why this is

  • To learn HTML
  • To show off
    1. To my boss
    2. To my friends
    3. To my cat
    4. To the little talking duck in my brain
  • Because I have fallen in love with my computer and want to give her some HTML loving.

Where to find the tutorial

技術分享

Some random table

Row 1, cell 1 Row 1, cell 2 Row 1, cell 3
Row 2, cell 1 Row 2, cell 2 Row 2, cell 3
Row 3, cell 1 Row 3, cell 2 Row 3, cell 3
Row 4, cell 1 Row 4, cell 2 Row 4, cell 3

Some random form

Note: It looks the part, but won‘t do a damned thing.

//上述內容完全copy自html dog.

Name:

Comments:

Are you:

Male

Female

An hermaphrodite

Asexual

//上述內容完全copy自html dog.

<!DOCTYPE html>

<html>

    <head>

        <title>My first web page</title>

        <!-- This is a comment, by the way -->
        <style type="text/css">
            body {
                font-family: arial, helvetica, sans-serif;
                font-size: 14px;
                color: black;
                background-color: #ffc;
                margin: 20px;
                padding: 0;
            }
            /* This is a comment, by the way */
            
            p {
                line-height: 21px;
            }
            
            h1 {
                color: #ffc;
                background-color: #900;
                font-size: 2em;
                margin: 0;
                margin-bottom: 7px;
                padding: 4px;
                font-style: italic;
                text-align: center;
                letter-spacing: 0.5em;
                border-bottom-style: solid;
                border-bottom-width: 0.5em;
                border-bottom-color: #c00;
            }
            
            h2 {
                color: white;
                background-color: #090;
                font-size: 1.5em;
                margin: 0;
                padding: 2px;
                padding-left: 14px;
            }
            
            h3 {
                color: #999;
                font-size: 1.25em;
            }
            
            img {
                border-style: dashed;
                border-width: 2px;
                border-color: #ccc;
            }
            
            a {
                text-decoration: none;
            }
            
            strong {
                font-style: italic;
                text-transform: uppercase;
            }
            
            li {
                color: #900;
                font-style: italic;
            }
            
            table {
                background-color: #ccc;
            }
        </style>

    </head>

    <body>

        <h1>My first web page</h1>

        <h2>What this is</h2>
        <p>A simple page put together using HTML. <em>I said a simple page put together using HTML.</em> A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML. A simple page put together using HTML.</p>

        <h2>Why this is</h2>
        <ul>
            <li>To learn HTML</li>
            <li>
                To show off
                <ol>
                    <li>To my boss</li>
                    <li>To my friends</li>
                    <li>To my cat</li>
                    <li>To the little talking duck in my brain</li>
                </ol>
            </li>
            <li>Because I have fallen in love with my computer and want to give her some HTML loving.</li>
        </ul>

        <h2>Where to find the tutorial</h2>
        <p>
            <a href="http://www.htmldog.com"><img src="http://www.htmldog.com/badge1.gif" width="120" height="90" alt="HTML Dog"></a>
        </p>

        <h3>Some random table</h3>
        <table>
            <tr>
                <td>Row 1, cell 1</td>
                <td>Row 1, cell 2</td>
                <td>Row 1, cell 3</td>
            </tr>
            <tr>
                <td>Row 2, cell 1</td>
                <td>Row 2, cell 2</td>
                <td>Row 2, cell 3</td>
            </tr>
            <tr>
                <td>Row 3, cell 1</td>
                <td>Row 3, cell 2</td>
                <td>Row 3, cell 3</td>
            </tr>
            <tr>
                <td>Row 4, cell 1</td>
                <td>Row 4, cell 2</td>
                <td>Row 4, cell 3</td>
            </tr>
        </table>

        <h3>Some random form</h3>
        <p><strong>Note:</strong> It looks the part, but won‘t do a damned thing.</p>

        <form action="somescript.php" method="post">

            <p>Name:</p>
            <p><input name="name" value="Your name"></p>

            <p>Comments: </p>
            <p><textarea rows="10" cols="20" name="comments">Your comments</textarea></p>

            <p>Are you:</p>
            <p><input type="radio" name="areyou" value="male"> Male</p>
            <p><input type="radio" name="areyou" value="female"> Female</p>
            <p><input type="radio" name="areyou" value="hermaphrodite"> An hermaphrodite</p>
            <p><input type="radio" name="areyou" value="asexual" checked> Asexual</p>

            <p><input type="submit"></p>

        </form>

    </body>

</html>

上述內容完全copy自html dog.

CSS 一個完整的例子

相關推薦

CSS 一個完整的例子

som rand comment one oge none dom ttl use My first web page What this is A simple page put together using HTML. I said a simple page

利用全註解實現ssh的一個完整例子

在一個稍大的專案中，通常會有上百個元件，如果這些元件採用xml的bean定義來配置，顯然會增加配置檔案的體積，查詢以及維護起來也不太方便。個人也不喜歡配置那麼多的xml檔案。下面我們就利用java的註解實現ssh框架，註解相當於一種標記加了註解就等於打上了某種標記，沒加，則

用java傳送lotus郵件一個完整例子

import lotus.domino.NotesException;import lotus.domino.Session;import lotus.domino.NotesFactory;import lotus.domino.Database;import lotus.

java用全註解實現ssh的一個完整例子

在一個稍大的專案中，通常會有上百個元件，如果這些元件採用xml的bean定義來配置，顯然會增加配置檔案的體積，查詢以及維護起來也不太方便。個人也不喜歡配置那麼多的xml檔案。下面我們就利用java的註解實現ssh框架，註解相當於一種標記加了註解就等於打上了某種標記，沒

一個C#操作RabbitMQ的完整例子

void 引用 rabbitmq sys fault 密碼 cnn nload subscribe 一、下載RabbitMQ http://www.rabbitmq.com/install-windows.html 二、下載OTP http://www.erlan

朱曄和你聊Spring系列S1E8：湊活著用的Spring Cloud（含一個實際業務貫穿所有元件的完整例子）

本文會以一個簡單而完整的業務來闡述Spring Cloud Finchley.RELEASE版本常用元件的使用。如下圖所示，本文會覆蓋的元件有： Spring Cloud Netflix Zuul閘道器伺服器 Spring Cloud Netflix Eureka發現伺服器 Spring Cloud Net

一個完整的SAP的Abap例子(idoc,edi檔案的相互轉換)

Sql程式碼 *&---------------------------------------------------------------------* *& Report Z_IDOC_EDI_CONVERT

C++呼叫C# com元件:一個完整的的小例子

  我們知道C#開發效率是非常高的,特別是做一些漂亮的頁面就更適合用它了啊.如果你開發一個桌面應用程式即想效能好點又想頁面漂亮點可以考慮用C++和C#一起用.反正現在Win7都整合NetFramework了,就不用糾結為了裝個C#的應用程式而去再整個NetFramewor

OpenLayers 3實踐與原理探究3-ol3一個完整的例子

【注】所有程式碼掛在我的github上，本例對應demo2 接著我們看一個比較長的例子，例子實現的是可以繪製圖形，可以根據自己的設定列印地圖 我們先看顯示效果是： 由於ol3的api現在更新變化挺大的，所以自己執行的例子的時候注意版本是3.17.1

一個完整的負載均衡的例子

原理：tomcat 做個WEB伺服器有它的侷限性，處理能力低，效率低。承受併發小（1000左右）。但目前有不少網站或者頁面是JSP的。並採用了tomcat做為WEB，因此只能在此基礎上調優。 目前採取的辦法是Apache + Mod_JK + tomcat 來解決一部分

以下是一個完整的關閉excel程序的例子

，我剛用過，沒有問題了。Excel.Application myExcel;Excel._Workbook myWB;Excel._Worksheet myWS = null;Excel.Range myRrange = null;try{    myExcel = new

一個完整的Java RMI通訊的例子

完整的程式碼，請參考附件。伺服器端：public class RmiUserServiceImpl extends UnicastRemoteObject implements RmiUserService { UserService service = new UserS

一個完整的語法分析、詞法分析例子——Universal Pasrser

需求：使用者用formal notation指定語法、詞法，然後可以匹配相應的文字。用法類似正則表示式，只需給出formal notation，不需要為每一種格式的文字單獨寫匹配器。 formal notation主要是3個部分： 1）BNF 列表 table：給出上下文無

Tensorflow實現一個完整的CNN例子

使用了Tensorflow實現一個狗的類別的識別，模型中狗的類別一共為十種，資料集如下 使用到的工具包是tfleran，可以直接使用pip安裝 pip install tflearn 由於很多例子都是在mnist之類現有的資料集中跑的，當用到自己的資料集

VS2005寫ICE的一個完整的例子

VS2005寫ICE的一個完整的例子 開發環境：VS2005 ，Ice 版本 3.3.1 說明：客戶端使用ICE遠端呼叫伺服器端的方法（printString(string s)） 步驟說明： 1、安裝Ice 版本 3.3.1 2、設定ICE的環境變數： ICE_Dir =

一個完整的react router 4.0巢狀路由的例子如下

react router 4.0以上的路由應用 在4.0以下的react router中，巢狀的路由可以放在一個router標籤中，形式如下,巢狀的路由也直接放在一起。 <Route component={App}> <Route path="groups" components

一個完整的hibernate的one-to-many的例子

前段時間一直在研究hibernate的one-to-many,看了不少資料也在本論壇上求教過,但由於本人對Hibernate研究的時間不是很長,所以花了不少時間和精力.昨天終於弄出來了,現在與大家分享,希望對初學者有幫助!1、設定資料庫，本人使用的資料庫是Oracle 9i 

一個完整的Oracle建表的例子

控制併發性引數： INITRANS和MAXTRANS指定初始的和最大的事務位置數，這些事務位置在索引塊或者資料塊內建立。事務位置用來儲存在某一事件點上正在對塊進行更改的事務的資訊。一個事務只佔用一個事務位置，即使它正在更改多行或者多個索引條目。 INITRANS對資料段的預設值為1，對索引段的預設值為2，以保

手動搭建一個完整的angular實踐項目

jquery引用 結合 image door 實踐 oot 加載 lib 也會 以下我記錄如何簡單的搭建一個angular項目， 比較適合有前端基礎，但又沒有使用過angular的前端開發人員，因為我看到網上的教程又都配套的使用了一些其他框架或者打包工具，以及進

CXF webservice完整例子

png -1 color bpa app 官方下載 point 不同 web服務 Web Service技術應用廣泛，可實現不同平臺的數據交換，現做了一個CXF webservice小例子，供webservice初學者參考. 1.環境搭建 1.1 下載 Apache CX