本教程介紹了使用HTML和CSS的網站,涵蓋各個階段:建立網站,
創建帳戶免費託管,我們的網站免費託管,託管是一種快速的方式把我們的在線網站在幾分鐘終於上傳文件,這種方法帶來的不便,我們會有一些廣告顯示在整個在最高層(頂頁標頭)。
誰想要打開一個網站,需要了解HTML和CSS,它是沒有必要成為專家在HTML(Hyper T分機 MArkupe L語言),但是某些代碼信息對於理解這些內容的工作方式絕對必不可少。
即使你建一個網站,所有你需要知道是怎麼回事,通過這些文件,你將需要定期校正錯誤和實現變革。
許多人逃避了代碼,許多人都將代碼比作象形文字,根本就不是這樣,有人曾經說過:“代碼就是詩歌”,他是對的,當您看到某些東西是由一系列代碼行產生的時,您會感到很開心,您構建了一個僅使用鍵盤和鼠標的虛擬世界。
我們使用了由軟件公司構建的應用程序很長時間,我們只進行計算機操作,是時候進行編程了,實際上它不是編程語言,而是“標記語言”,但是我們將參考它就像一種編程語言,因為它聽起來很怪異的``標記語言'',HTML是當今使用的最簡單的編程語言(標記)之一,我們在任何站點上都能看到HTML,許多軟件都在其中它們是HTML的組成部分,這種編程語言無處不在,是時候學習它了。
第一次可以是一個有點令人生畏,但是如果你不小心,你馬上就會明白,一切就這麼難,一切都簡單而美麗,我們用我們的雙手創造的東西,這是最重要的事情。
我們將教你的基礎知識,然後我們將學習如何在網頁中插入文本,然後我們會安排和彩色文本,我們使用一個CSS樣式(層疊樣式表),我們將會把所有的頁面元素在所有的HTML,這樣您將在我們的網頁上放置到看起來像它是用一整塊。
您將學習簡單的技術,基本的HTML和CSS,雖然這些都是基本的HTML和CSS的事情,創造一個很好的概述。
對於本教程,您應該謹慎手持有耐心,本教程是一個我們可以扛得起一點,如果倒轉幾秒鐘,你可能會錯過非常重要的東西,你會看到後,將不會生效,濃度信息是非常高的,這就是為什麼,我問你要非常非常小心。
本教程後,我會說,甚至密集課程,你將有一個更好的主意,什麼是HTML和CSS,你可以控制代碼,以及你完全了解一個HTML文檔HTML的感覺,不僅是一條線heroglife會消散,你知道它是什麼,當你看一個文件或一個HTML CSS。
我們了解的標籤(標籤),我們這裡的標籤(標籤)的一些例子,你可以在HTML文檔中使用,不用擔心,沒必要將其全部,只是需要學習的基礎知識,第一個表中其餘的可以在這裡找到在網站上或在互聯網上,當你需要他們。
即使表是有序的這些標籤,使用HTML。
基本元素(標籤)。
定義文件格式網頁 | |
文件頭 | |
Tilul文件 | |
HTML頁面的主體 | |
BGCOLOR = 顏色 | 的頁面的背景顏色 |
TEXT =顏色 | 彩色文本頁面 |
LINK =顏色 | 未訪問過的鏈接顏色的頁面 |
虛連接=顏色 | 頁面訪問過的鏈接顏色 |
ALINK =顏色 | 鏈接顏色在點擊exacutat用戶 |
BACKGROUND = 網址 | 背景圖像頁面 |
段 | |
<Hn> <Hn> | 等級字幕的文檔(文檔n = 1 6) |
指定文本框的屬性 | |
SIZE =n | 文字的大小是1 7 |
FACE =“ A,b” | 指定的字體: a如果可用,或 b |
COLOR =s | 文字顏色:無論是顏色名稱或RGB值 |
換行符 | |
信息預先格式化 | |
HTML Comenatriu | |
材料穿過頁面 | |
水平尺 | |
SIZE =x | 像素標尺高度 |
WIDTH =x | 標尺寬度的像素或百分比 |
NOSHADE | 禁用陰影顯示水平標尺 |
ALIGN =x | 水平標尺在頁面上對齊(左,中,右) |
COLOR =x | 在水平標尺的顏色(IE瀏覽器) |
錨標記 | |
HREF =網址 | 超文本參考 |
HREF =#名稱 | 參考內部錨 |
NAME =名 | 內部錨的定義 |
元素列表 .
描述定義 | |
列表類型定義 | |
術語定義 | |
功能列表 | |
<OL | 有序列表(編號) |
TYPE =- | 鍵入編號。 可能的值:A,A,I,I,1 |
START =x | 開始訂購列表 |
<UL | 無序列表(S) |
TYPE =形式 | 形式標記。 可能的值:圓形,方形,光盤。 |
字符格式設置元素 .
大膽粘貼文本 | |
粘貼文本斜體 | |
粘貼高亮顯示的文本 | |
文字字體麵包車 | |
引用bibliogarfica | |
程序清單 | |
風格突出的邏輯 | |
從鍵盤輸入的文本 | |
突出強大的邏輯 | |
程序或變量 | |
<基本字體 SIZE = n> | 指定頁面的默認字體大小 |
幀的元素 .
定義寫頁 | |
COLS =x | 列的數目及相對大小 |
行數=x | 線的數目及相對大小 |
BORDER =x | 指定FRAMESET幀的“開”或“關”狀態(1或0) |
FRAMEBORDER = x | 指定的幀大小 |
Framespacing = x | 相鄰兩幀之間的空間量 |
目標框架的定義 | |
SRC =網址 | URL源框架 |
NAME =名 | 框架名稱(與TARGET = name一起用作錨標記的一部分 |
滾動=SCRL | 定義選項可能derulare.Valori欄:(啟用),關閉(禁用),自動(自動) |
FRAMEBORDER =x | 周圍的邊框幀大小 |
錛x | 額外的空間的上方和下方目標框架 |
MARGINWIDTH =x | 單元的其他空間,一個給定的幀的左側和右側的 |
部分顯示的頁面為用戶誰也看不到框架 | |
內部框架((IE瀏覽器) | |
SRC =網址 | 來源框架 |
NAME =s | 名稱窗口(有用的目標) |
HEIGHT =x | 嵌入式高度 |
WIDTH =x | 嵌入式框架寬度 |
項目表 .
HTML表格 | |
BORDER =x | 框表 |
CELLPADDING =x | 表格單元格內的其他空間 |
CELLSPACING =x | 表格單元格之間的額外空間 |
WIDTH =x | 寬度施加表 |
FRAME =值 | 微調整表 |
規則值 | 表統治者微調 |
邊框顏色= 顏色 | 指定邊框顏色表 |
BORDERCOLORLIGHT = 顏色 | 指定的兩種顏色的顏色變淺 |
BORDERCOLORDARK = 顏色 | 兩個指定的顏色較深的顏色 |
ALIGN =離開 | 在頁面左側的校準表和文本流的右側 |
ALIGN =權利 | 對齊表格的頁面的右側,和文本流為左 |
HSPACE =x | 桌子周圍的其他單位的橫向空間 |
VSPACE =x | 桌子四周的其他單元垂直空間 |
COLS =x | 指定一個表的列的數量 |
使用標記定義一組列定義 | |
<COL WIDTH =x> | 定義像素列寬 |
定義表格標題 | |
定義表體 | |
線路表 | |
BGCOLOR =顏色 | 指定背景顏色,整條生產線 |
ALIGN =對準 | 對齊細胞的當前行中(左,中,右) |
表中的數據的小區的 | |
BGCOLOR =顏色 | 指定單元數據的背景顏色 |
COLSPAN =x | 數列跨越當前單元格數據 |
ROWSPAN =x | 跨越當前的單元格的行的數據數 |
ALIGN =對準 | 對準織物的的可能date.Valori細胞(左,右,中心) |
VALIGN =對準 | 垂直對齊的在電池材料date.Valori可能:(頂部,底部,中部) |
BACKGROUND =網址 | 指定表格單元格的背景圖像 |
NOWRAP | 不要讓一個單元格內的文本行分離 |
ALIGN =底線 | 對齊細胞與相鄰的文本基線數據 |
ALIGN =字符 | 將列與特定字符對齊(默認字符為“。”) |
ALIGN =辯解 | 邊緣的左,右邊緣與文字對齊 |
添加圖像元素。
<IMG | 輸入圖像標記 |
SRC =網址 | 源圖形文件 |
ALT =文本 | 如果需要顯示的替代文本 |
ALIGN =對準 | 在頁面中的圖像對齊。 可能的值:頂尖(TOP),中間(中等),底部(底部),左(左),右(右) |
HEIGHT =x | 圖像的高度(以像素為單位) |
WIDTH =x | 圖像寬度 |
BORDER =x | 當它被用來作為超鏈接的圖像周圍的框 |
HSPACE =x | 附加的橫向空間周圍的圖像(像素) |
VSPACE =x | 附加的垂直空間周圍的圖像(像素) |
元素形式。
HTML表單活躍 | |
ACTION =網址 | CGI程序的服務器上接收數據 |
METHOD =方法 | 如何將數據提交到服務器(GET或POST) |
<輸入 | 文本字段或其他輸入 |
TYPE =選項 | 輸入欄位類型。 可能的值:文本,密碼,複選框,隱藏,文件, 收音機,提交,重置形象。 |
NAME =名 | 字段的值的符號名 |
值=值 | 文本字段的默認內容 |
檢查= 選項 | 按鈕/箱,標誌著默認 |
SIZE =x | 在文本字段中的字符數 |
SIZE =x | 最大允許的字符數 |
集團複選框 | |
NAME =名 | 字段的值的符號名 |
SIZE =x | 數量的菜單項顯示一次(默認= 1) |
多個=x | 允許選擇多個菜單項 |
<選項 | 特定領域的選擇 |
值=值 | 在菜單上的選擇的結果值 |
強化營多行文本 | |
NAME =名 | 字段的值的符號名 |
行數=x | 在文本框中行數 |
COLS =x | 每行的文本框列數(字) |
邏輯部分的股份形式進入 | |
關聯的名稱字段設置(FIELDSET) | |
ALIGN =s | 顯示指定傳說中的對齊方式(解釋)(上,下,左,右) |
的tabindex =x | 指定元素的順序,當用戶按下Tab鍵 |
ACCESKEY =c | 指定提供快捷鍵鍵盤上的某個特定元素的 |
禁用 | 元素是無效的,但在屏幕上顯示 |
只讀 | 項目被顯示在屏幕上,但不能被編輯 |
高級元素。
具體信息模型樣式 | |
TYPE =VAL | 樣式模型的類型。 通常是“ text / css” |
通常包括一個Javascript網頁腳本 | |
LANGUAGE =語 | 所使用的語言 |
EVENT =事件 | 事件觸發執行特定的腳本 |
為=numeobiect | 對象名稱的頁面上的腳本工作 |
如果你想檢查出教程,你可以訪問地址:http://www.videotutorial.150m.com。
我們建議您在附加的文件解壓縮,並研究三個HTML文件,或CSS文件,使用記事本+ +或另一程序以這種方式編輯網頁,您可以更改小心,甚至可以做筆記在沒有你的你學習HTML帳戶。
祝你愉快,歡迎您在以下教程在這個系列和超越。
查看評論(333)
很漂亮,噸在本教程中的信息。
本教程可以稱為:輸液HTML和CSS。
也許你不學習幾個月,在這裡你可以學到一個小時左右,我看到這一切在發布之前,我可以說,打動我的報價信息可以放入教程。
在一個點上,我覺得需要喝水,即使我剛看了教程,我也沒有要想想,報價丹喝了水之後。
也有一些是不學習HTML和/或本教程之後的CSS。
奧雷(Aoleu),大約3個月來我一直在努力學習,顯然我沒有時間...
感謝了很多,我仔細看它!
是的,您說得對,但我很失望,因為我認為您會做本教程:(但無論如何,bravo dan非常好
你說的不好,我老實告訴你,這個人掙扎了大約一個半小時,教你如何從頭開始製作一個網站,你說你很失望,因為他沒有做到? 您能想像一個人投入了多少工作以及他失去了多少時間來教我們html和css的基礎知識,想一想在您張開嘴之前它不適合您提交工作,然後留下其他不必要的評論,例如令您失望的是他沒有寫,其他人創建了本教程,謝謝您有學習的地方;)
您如何看待有關“如何製作網站”的系列文章。
在接下來的教程中,我會是我。
因為在下一個教程中,我將需要觀看本教程由丹。
我目前是從教程中,我意識到氮雜丹不同,但在它的信息將是必不可少的正確認識事物。
在網絡上發布內容的方法有多種,但都有一個共同點,HTML和CSS,沒有他們,你不能做任何事情。
嗨,克里斯蒂,我責怪PHP或JS系列?
我們談論一切,但也PHP和JS的網站沒有HTML不能綁定到HTML。
無論是在談論動態站點(php,dhtml,asp,jsp,cf)還是在談論靜態站點,PHP都更多地用於從數據庫中提取數據,網頁仍在HTML上。使用HTML語言,沒有它就無法做。
許多人犯了一個大錯誤:“我不再想要HTML站點了,我想要一個動態php站點”,這是一個大錯誤,無論我們是在談論動態站點還是靜態站點,幾乎所有地方都使用HTML。
JS(Java腳本)是不一樣的,取決於服務器上的JSP(Java服務器頁面),JS站點用於某些腳本,無需任何服務器,JS腳本可以在任何瀏覽器上運行,而不需要服務器組件,在本教程中,丹用了一系列的腳本JS(照片庫)使用JS關閉的東西,有與JS,而不是整個網站是完全使用Java的網站Server Pages的是另一回事,但他們似乎是相同的。
我知道您很久以前就開始學習“代碼”,本教程對您很有幫助,Dan在本教程中做了一件非凡的事情,您甚至沒有意識到本教程的價值,在該教程下您幾乎擁有所有標籤)用在HTML中,則可以使用它們,尤其是因為每個都有描述。
不要讓你的ALEX,打破了代碼,它是基於。
相信我,你會錯過潛在NO!
哇,我有很多很好的結構化信息,所以任何人都可以理解。我個人看本教程只是為了尋找新的東西,而隨著本教程的進展,我對網站的便捷程度感到驚訝,但並非如此非常感謝您對本教程的關注,也對其他所有內容都表示祝賀。我期待下一次向您提供信息的“注入”(cristi的話)。
恭喜!! 很好的教程,這將是一個羅馬尼亞的Web設計人員:)(希望是!)
當它是一個教程Dreamweaver的? 或者不使用Dreamweaver DC在你的教程嗎?
恭喜所有教程……您最強;)
嗨,這個教程真的很棒,有很多信息。我想我必須學習Frontpage 98的基本html,因為我沒有從圖書館的書中進行很多測試。那時的網絡,現在我可以觀看一個講解我需要知道的所有內容的教程了。很明顯,我已經進化了:)))..我喜歡這樣的事實,它是一步一步地進行了解釋,並被放進去了。在該站點上,所有基本命令+一個可以使用的示例。很顯然,您知道自己在做什麼,您是真正的老師!
然而,大部分在網頁設計中使用程序自動訂單和我的問題是會做一個教程這樣的程序嗎?
我知道您製作本教程的目的是為了理解命令,從而更好地理解Web設計程序……但是,我仍然很好奇您將繼續學習本系列教程,因為即使有人考慮了這個話題,也有很多討論像Dan製作的教程一樣無聊,對此我表示祝賀。