1. 程式人生 > >簡單網頁設計前端(入門)

簡單網頁設計前端(入門)

等。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>

<style>
#name,#psd{
	background-color:#09F;
	background:#FC9;
}
fieldset{
	width:180px;}

</style>

</head>

<body>
<form action="mailto:
[email protected]
" method="get" name="myform"> 賬 號: <input type="text" name="name" id="name"/> <br /> <hr width=210px/ align="left"> 密 碼: <input type="password" name="psd" id="psd" /><br /> <hr width=210px/ align="left"> <br /> <fieldset> <legend>性別:</legend> <label for="man"> <input type="radio" name="sex" id="man"/> 男 </label> <label for="woman"><input type="radio" name="sex" id="woman"/>女</label> </fieldset> <hr width=210px/ align="left"> <fieldset> <legend>專業:</legend> <label for="app"><input type="radio" name="pro" id="app"/>軟體程式設計</label> <label for="dw"><input type="radio" name="pro" id="dw"/>網頁設計</label> </fieldset><br /> <fieldset> <legend>興趣愛好(多選):</legend> <label for="box1">  <input type="checkbox" name="swim" id="box1"/ align="middle">遊   泳</label> <br /> <label for="box2">  <input type="checkbox" name="run" id="box2"/>跑   步</label> <br /> <label for="box3">  <input type="checkbox" name="ball" id="box3"/>打   球</label> <br /> </fieldset> <input type="image" value="上傳圖片" /> <input type="file" value="上傳檔案" /> <br /><hr width=210px/ align="left"> <input type="submit" value="提交按鈕" /> <input type="button" value="普通按鈕" /> <input type="reset" value="重按鈕置" /> <br /> </form> </body> </html>

相關推薦

簡單網頁設計前端入門

等。。。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

常見的網頁設計錯誤

原文地址http://blog-en.tilda.cc/articles-website-design-mistakes 關注我的個人部落格:pinbolei.cn,獲取更多內容 文章設計中的錯誤 1.長而堅固的副本 文字牆使閱讀難以理解。為了便於導航,將其拆分為段

常見的網頁設計錯誤

原文地址http://blog-en.tilda.cc/articles-website-design-mistakes 關注我的個人部落格:pinbolei.cn,獲取更多內容 常見的登陸頁面設計錯誤要避免 1.內容不會分解為邏輯塊 如果將資訊分組為邏輯塊,則使用

爬蟲入門,爬蟲簡單入門庫Beautifulsoup庫,解析網頁簡單用法-案例篇5

           BeautifulSoup 庫是一個非常流行的Python的模組。通過BeautifulSoup 庫可以輕鬆的解析請求庫請求的網頁,並把網頁原始碼解析為湯文件,以便過濾提取資料

一種大氣簡單的Web管理陳列版面設計

borde absolut setup hid color 正常的 for pre == 在頁面的設計中,多版面是一種常見的設計樣式。本文命名一種 這種樣式。能夠簡單描寫敘述為一行top,一列左文件夾,剩余的右下的空間為內容展示區。這種樣式,便於高速定位

設計模式簡單工廠模式

spa 電腦 tco null 繼承 string 我們 實例 tro 相關文章 設計模式(一)設計六大原則 設計模式(二)單例模式的七種寫法 設計模式(三)建造者模式 1.簡單工廠模式簡單介紹 定義 簡單工廠模式屬於創建型模式又叫做靜

差分約束系統簡單介紹入門

難點 兩個 技術 最短 短路徑 裏的 http 最大值 image 一直不知道差分約束是什麽類型題目,最近在寫最短路問題就順帶看了下,原來就是給出一些形如x-y<=b不等式的約束,問你是否滿足有解的問題 好神奇的是這類問題竟然可以轉換成圖論裏的最短路徑問題,下面開始詳

設計模式2----簡單工廠模式

只知道 wid lin 通過 trac 復雜 創建 調用 lvs 說明一下: 簡單工廠模式不屬於23種GOF設計模式之一,我之所以寫出來,是應為簡單工廠模式是工廠模式的基礎,23種中的工廠方法模式是從中衍生的。 簡介: 簡單工廠模式是屬於創建型模式,又叫做靜態工廠方法(St

Java的設計模式 之 簡單的工廠模式

attack reat nds public create mark mar ace cto 下面的代碼是稍微改進後的工廠模式 abstract class MoveAble{ public abstract void run(); } abstract c

設計模式—— 簡單工廠

echart 調用 抽象 簡單工廠模式 客戶端 工廠類 info 工具 crete 簡單工廠 簡介 簡單工廠模式屬於創建型模式,又叫做靜態工廠方法(Static Factory Method)模式,但不屬於23種GOF設計模式之一。簡單工廠模式是一個工廠對象決定創建出哪一種

用最簡單的例子說明設計模式之責任鏈、建造者、適配器、代理模式、享元模式

def dap CA 抽象 創建 tcl cte clas eth 責任鏈模式 一個請求有多個對象來處理,這些對象是一條鏈,但具體由哪個對象來處理,根據條件判斷來確定,如果不能處理會傳遞給該鏈中的下一個對象,直到有對象處理它為止 使用場景 1)有多個對象可以處理同

Java設計模式之建立型模式:工廠模式簡單工廠模式+工廠方法模式

在面向物件程式設計中, 最通常的方法是一個new操作符產生一個物件例項,new操作符就是用來構造物件例項的。但是在一些情況下, new操作符直接生成物件會帶來一些問題。舉例來說,許多型別物件的建立需要一系列的步驟:你可能需要計算或取得物件的初始位置;選擇生成哪個子物件例項;或在你生成你需要的物件

常用的軟體設計模式簡單工廠模式

剛參加工作的時候,絲毫沒有面向物件的思想,所有分支都使用一堆的if...else...,現在回頭看以前的程式碼,著實low。但是隻要一心想著進步的人,一定是會總結和反省的,為什麼以前的程式碼出現bug這麼難維護,功能擴充套件那麼難,程式碼難得到複用,過了段時間連自己寫的程式碼都不知道什麼意思。都說女

Java簡單部落格系統基於實體聯絡模型設計資料庫

  基本概念 簡單屬性:不能劃分為更小的部分(其他屬性)。 單值屬性:一個特定實體有隻有單獨的一個值。 派生屬性:可以從別的相關屬性或實體派生出來。 最簡單的部落格系統 (一)實體集:使用者,部落格,評論,實體及其屬性列出如下: (二)聯絡集: 以上設計的實體集,聯絡集表示如

設計模式簡單工廠模式

簡單工廠模式: 用一個單獨的類來做創造例項的過程。例如加減乘除運算,可以將這些類抽象成一個基類,然後繼承,實現自己的功能,如果有其他的類要建立,只需要新建一個類,在創造例項的類中加一種情況。 類圖: 選自《大話設計模式》 public abstract class Operati

Apache Kafka核心元件和流程-協調器消費者和組協調器-設計-原理入門教程輕鬆學

作者:稀有氣體 來源:CSDN 原文:https://blog.csdn.net/liyiming2017/article/details/82805479 版權宣告:本文為博主原創文章,轉載請附上博文連結! 本入門教程,涵蓋Kafka核心內容,通過例項和大量圖表,幫助學習

C#設計模式1——簡單工廠模式

void 例子 代碼復用 操作 inf 這樣的 man ger troy 1.什麽是簡單工廠   現實中的工廠負責生產產品,編程中的簡單工廠顧名思義就是一個生產對象的類,它的主要作用是封裝改變。我們在平時的工作必不可免的和各種數據庫打交道,我們就以一個數據庫服務類為例來分

設計模式2——建立型——工廠相關:簡單工廠Simple factory,工廠方法Factory method,抽象工廠Abstract factory

概要 這裡試圖描述23個設計模式中的兩個工廠(Factory)相關的設計模式:工廠方法(Factorymethod),抽象工廠(Abstract factory)。 注意點: 這兩個都屬於建立型設計模式。 由於這兩個設計模式都

cordova入門簡單功能的實現

cordova入門級簡單功能的實現(四) 1:安裝sdk ** 首先什麼是SDK** SDK:軟體開發工具包(縮寫:SDK、外語全稱:Software Development Kit)一般都是一些軟體工程師為特定的軟體包、軟體框架、硬體平臺、作業系統等建立應用軟體時的開發工具的集

Java 設計模式簡單工廠模式

參考連結:簡單工廠模式-Simple Factory Pattern 1. 模式概述 定義:定義一個工廠類,它可以根據引數的不同返回不同類的例項,被建立的例項通常都具有共同的父類。因為在簡單工廠模式中用於建立例項的方法是靜態方法,因此簡單工廠模式又被稱為靜態工廠方法模式。 簡