JavaWeb入門

時間 2019-11-09

標籤 javaweb 入門欄目 Java 简体版

原文原文鏈接

1、網頁的組成

一、結構(HTML)
HTML是網頁內容的載體。內容就是網頁製做者放在頁面上想要讓用戶瀏覽的信息，能夠包含文字、圖片、視頻等。
二、表現(CSS)
CSS樣式是表現。就像網頁的外衣。好比，標題字體、顏色變化，或爲標題加入背景圖片、邊框等。全部這些用來改變內容外觀的東西稱之爲表現。css

三、行爲
        JavaScript
        JQuery
        JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。能夠這麼理解，有動畫的，有交互的通常都是用JavaScript來實現的，而JQuery是一個快速、簡潔的JavaScript框架。html

2、HTML簡介

HTML 是用來描述網頁的一種語言。HTML 指的是超文本標記語言 (Hyper Text Markup Language)，超文本就是指頁面內能夠包含圖片、連接，甚至音樂、程序等非文字元素。
HTML 不是一種編程語言，而是一種標記語言 (markup language)。標記語言是一套標記標籤 (markup tag)， HTML 使用標記標籤來描述網頁。編程

一、html文件的結構

一、<html></html>爲HTML頁面中的根標籤，全部的HTML網頁中的標籤都在<html></html>中。

二、<head>標籤用於定義文檔的頭部，它是全部頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標籤。

三、在<body>和</body>標籤之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標籤，在這裏的標籤中的內容會在瀏覽器中顯示出來。

二、標籤的語法

一、標籤由英文尖括號 < 和 > 括起來,如：<html>
二、html中的標籤通常都是成對出現的,分開始標籤和結束標籤。結束標籤比開始標籤多一個 / ,<title>..</title>;還有一些是自結束標籤，如：<br/>
三、標籤與標籤之間是能夠嵌套的，但前後順序必須保持一致，如：<div>裏嵌套<p>，那麼</p>必須放在</div>的前面。如： <div><p>..</p></div>
四、註釋是不能夠嵌套的,如：<!-- <!-- 註釋部分 --> -->
五、HTML標籤不區分大小寫,<h1>和<H1>是同樣的,但建議小寫。

三、HTML的經常使用標籤

一、標題標籤：<h1>...</h1>~<h6>...</h6>
二、div標籤：<div>...</div>，至關於一個容器,能夠把一些獨立的邏輯部分(如網頁中獨立的欄目版塊)劃分出來,以下圖：

三、段落標籤：<p>...</p>
四、無序列表： <ul>
                  <li>...</li>
                  <li>...</li>
               </ul>
五、圖片標籤：<img alt="" src="" title=""/> 
     alt:圖片沒法顯示時顯示的描述性文字
      src:圖片的地址
六、title:鼠標放在圖片上時顯示的描述性文字
七、超連接：<a href="" target=""></a>
    href:指向一個連接地址
     target:目標窗口 
       值爲」_self」時在向當前窗口(默認)打開新的網頁
       值爲」_blank」時在新的窗口打開
八、內聯框架：
	<iframe src="" name=""></iframe>
     src:一個網頁的地址
     name: iframe的名字，當<a>標籤的target屬性值爲iframe的name時，超連接的目標頁面會在iframe中打開
九、<strong>和<em>標籤
         二者在強調的語氣上有區別: <em> 表示強調，<strong> 表示更強烈的強調。而且在瀏覽器中<em> 默認用 斜體 表示，<strong> 用 粗體 表示。
十、<span>標籤
         <span>標籤是沒有語義的，它的做用就是爲了設置單獨的樣式用的。有了它就能夠對某段文字裏的幾個字單獨設置樣式了。

四、轉義字符

五、HTML中的表格和表單

HTML中表格的建立：
瀏覽器

跨列合併單元格用 colspan 屬性；跨行合併單元格用 rowspan 屬性。框架

表單中經常使用的標籤
    表單標籤：<form action="">..</form>
    文本輸入框：<input type="text" name="username"/>
    密碼輸入框：<input type="password" name="pwd"/>
    單選框：
   <input type="radio" name="gender" value="提交的值"/>
    多選框：
   <input type="checkbox" name="" value="提交的值" checked="checked"/>
    下拉列表：
         <select name="">
            <option value="">沒有value屬性時提交的值</option>
         </select>
    重置按鈕：<input type="reset">
    提交按鈕：<input type="submit" value="修改的按鈕的值">

3、CSS的簡單應用

一、CSS簡介
    CSS全稱爲「層疊樣式表 (Cascading Style Sheets)」，它主要是用於定義HTML內容在瀏覽器內的顯示樣式，如文字大小、顏色、字體等。
二、CSS代碼語法
    1.CSS樣式由選擇符(選擇器)和聲明組成，而聲明又由屬性和值組成，以下圖所示：

當有多條聲明時，中間用英文分號」;」分隔編程語言

二、CSS的樣式 
    ① 寫在標籤的style屬性中：<p style=「font-size: 30px」>字體大小用px表示</p>
    ② 寫在style標籤中(style標籤通常寫在head標籤與title標籤之間)：
          <style type="text/css">
	     p{
 		 color: blue;
              }
           </style>
	③ 引入外部CSS文件：
	<link rel="stylesheet" type="text/css" href="style.css">   
三、選擇器的分類
	① 標籤選擇器：如上圖的p
	② 類選擇器：.class{..}
	③ ID選擇器：#id{..}
四、CSS中也有註釋語句：用/*註釋語句*/標明。
五、CSS中的顏色
    CSS中的顏色用RGB顏色：紅色(red)、綠色(green)、藍色(blue)——光學三原色表示。
     RGB中每種顏色都用兩位十六進制數表示，0表示沒有光，F表示最強的光，並按紅、綠、藍的順序排列，前面再加上#號。
     例如：#000000黑色；#FFFFFF 白色；#FF0000紅色；
           #00FF00綠色；#0000FF藍色等等。

1. JavaWEB入門
2. JavaWeb入門（4）
3. JavaWeb之JavaWeb開發入門
4. javaWeb快速入門
5. JavaWeb入門____1.Html5____Demo1
6. JavaWeb 入門系列
7. JavaWeb開發入門
8. Javaweb開發入門
9. JavaWeb-01 JSP入門
10. javaweb入門教程
更多相關文章...
• Memcached入門教程 - NoSQL教程
• Neo4j數據庫入門教程 - NoSQL教程
• YAML 入門教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

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