HTML和CSS網頁開發基礎

時間 2019-11-13

標籤 html css 網頁開發基礎欄目 HTML 简体版

原文原文鏈接

本文轉載於:猿2048網站HTML和CSS網頁開發基礎php

一 HTML文檔結構css

HTML文檔結構：<html>、<head>、<title>、<body>構成HTML頁面中最基本的元素。html

HTML經常使用標記：1.換行標記 <br> 2.段落標記 <p> </p> 3.標題標記 <h1>~<h6> 數字越小，級別越高。 4.居中標記 <center>需居中內容</center>git

5.文字列表標記有序<ol>無序<ul> 模塊化

二表格標記post

1. 表格標記 <table> : <table>標記中有不少屬性，如width設置表格的寬度，border設置表格的邊框，align設置表格的對齊方式，bgcolor設置背景顏色。字體

2.標題標記 <caption>網站

3.表頭標記 <th>url

4.表格行標記 <tr> :以<tr>開頭</tr>結尾，一組<tr>表示表格中的一行。但<tr>必須嵌套在<table>標記中使用。spa

5.單元格標記又叫列標記 <td> :一個<tr>能夠嵌套若干個<td>

三 HTML表單標記

1.<form>..</form>表單標記

定義處理表單數據程序的URL地址信息等，基本語法格式：

</form>

<form>標記的重要屬性

action屬性：指定表單數據提交至何處

method屬性： –指定表單數據提交的方式

2.<input>表單輸入標記

<input>可以演變爲表單中許多不一樣的元素，取決於type屬性

type取值：

　　–text(單行輸入文本框)

　　–submit（提交按鈕）

　　–password（密碼輸入文本框）

　　–radio（單選按鈕）

　　–checkbox（複選框）

　　–reset(復位按鈕)

　　-button（普通按鈕）

　　-file(文件域)

　　-hidden（隱藏域）

　　-image（圖像域）

基本格式爲：

　　 <input type="image" disabled="disabled" checked="checked" width="digit" maxlength="digit" readonly="" size="digit"

　　src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox">

3.<select></select> 下拉列表框標記

　　使用<option>向列表中添加內容，屬性爲，name：指定列表框的名稱。size：指定列表框的選項數量，超出能夠經過拖動滾動條查看。

　　　　disable指定當前列表框不可以使用。multiple：用於讓多行列表框支持多選。

4.<textarea>多行文本標記

　　與單行文本相比，多行文本能夠輸入更多內容。

四。超連接與圖片標記

　　1.超連接標記<a href=""></a> href屬性用來設定連接到哪一個頁面。

　　2.圖片標記 <img src="url"width="寬度"height=「高度」border=「圖片外邊框的寬度」alt=「提示文字（圖片沒法顯示時）」>

五。CSS樣式表

　　CSS樣式表中包括三部份內容：選擇符、屬性和屬性值。語法格式爲：

　　　　選擇符{屬性：屬性值；

　　　　例如：　　<style>

　　　　　　　　　　h2{

　　　　　　　　　　　　font-family:宋體；

　　　　　　　　　　　　color:red;

　　　　　　　　　　　　}

　　　　　　　　 </style>

　　CSS選擇器

　　　　1.標記選擇器：html頁面是由不少標記組成的，如圖像標記<img>、超連接標記<a>、表格標記<table>等。css標記選擇器就用於聲明頁面中哪些標記採用了css樣式。

　　　　2.類選擇器：標記選擇器有必定侷限性，聲明一個標記選擇器後，頁面中全部該標記的內容都會有相應的變化。

　　　　　　類別選擇器名稱由用戶本身定義，並以」.「開頭。只需用class聲明便可。

　　　　　　<style>

　　　　　　　　.one{

　　　　　　　　　　color:red;

　　　　　　　　　　}

　　　　　　</style>

　　　　　　....<h2 class="one">選擇器</h2>

　　3.id選擇器

　　　　以」#「開始後加html標記中的id屬性值。和類別選擇器相似，但html頁面中不能包含兩個相同的id標記，所以也定義id選擇器就只能被使用一次。

　　4.頁面中包含css樣式的幾種方式：行內樣式、內嵌式、連接式。

六。CSS3新特徵

　　1.模塊與模塊化結構：

　　　　經常使用模塊:basic box model 定義各類與盒子相關的樣式

　　　　　　　　Line 定義各類與直線相關的樣式

　　　　　　　　Lists 定義各類與列表相關的樣式

　　　　　　　　Text 定義各類與文字相關的樣式

　　　　　　　　Color 定義各類與顏色相關的樣式

　　　　　　　　Font 定義各類字體相關的樣式

1. WEB開發 HTML\CSS基礎
2. 網頁開發基礎——HTML技術
3. HTML：基礎網頁開發語言
4. 網頁佈局（html＋css基礎）
5. HTML+CSS 基礎之頁籤
6. html和css基礎
7. [HTML & CSS] HTML和CSS基礎知識
8. HTML和CSS網頁設計
9. HTML和CSS基礎1
10. HTML和CSS基礎2
更多相關文章...
• Spring使用AspectJ開發AOP：基於XML和基於Annotation - Spring教程
• SVG 在 HTML 頁面 - SVG 教程
• PHP開發工具
• Kotlin學習（二）基本類型

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。