HTML課上小結

来源:http://www.cnblogs.com/li1056822533/archive/2016/12/21/6208807.html
-Advertisement-
Play Games

HTML翻譯為超文本標記語言<標簽名>內容</標簽名>靜態網頁動態網頁的區別是看是否從數據中提取數據一般網頁由幾部分組分組成<html>開始標簽 <head>頭,即為網頁上的控制信息 <title>頁面上的標題</title> </head> <body,其屬性一般有bgcolor頁面背景色,tex ...


HTML翻譯為超文本標記語言
<標簽名>內容</標簽名>
靜態網頁動態網頁的區別是看是否從數據中提取數據
一般網頁由幾部分組分組成
<html>開始標簽
<head>頭,即為網頁上的控制信息
<title>頁面上的標題</title>
</head>

<body,其屬性一般有bgcolor頁面背景色,text文字顏色,tpmargin上頁邊距,leftmar左頁邊距,backgroung背景壁紙>
頁面顯示內容,一般的標簽
<font color="" size="" face=""></font>顏色,大小,字體
<strong>加粗</strong>
<b>加粗</b>
<em>傾斜</em>
<i>傾斜</i>
<u>下劃線</u>
<del>刪除線</del>
<sub>下標</sub>
<sup>上標</sup>
<center>居中</center>
<br>回車
&nbsp空格
<h1>一級標題</h1>
......
<h6>六級標題</h6>
標題會自動換行
<p>段落標簽</p>
有序標簽
<ol type="">
<li></li>
<li></li>
</ol>
無序標簽
<ul type="">
<li></li>
<li></li>
</ul>

超鏈接:<a href="網址">要點的內容</a>
<a href="網址" target="_blank">在空白頁面打開,self就是在自身頁面打開
錨點:<a href="#top"></a>直接返回到頁面頂部
<a name=""></a>
<a href=""></a>返回到命名處
<img src="圖片地址" width="寬度" height="高度" title="圖片標題" alt="圖片無法載入時顯示文字">
相對路徑:從當前頁面開始查找
絕對路徑:從網站的根開始查找
表格:內容必須在單元格,單元格必須在行里,行必須在表格裡。
<table width寬度 border邊框 bgcolor背景顏色 background背景圖>
<tr>行:
<td></td>單元格
<th></th>內容自動居中加粗
</tr>
</table>
align水平對齊 left center right
valign垂直對齊 top middle bottom
rowspan合併行
colspan合併列

</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://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作業20161221</title>
</head>

<body bgcolor="#000000" topmargin="200px" leftmargin="200px" >

<p>
<font face="微軟雅黑" color="#FFFFFF" size="+3">
<em>
<strong>作業</strong>
</em>
<sub>20161221</sub>
</font>
</p>

<p>
<font face="微軟雅黑" color="#FFFFFF" size="-1">
<del>可以不完成
</del>
</font>
</p>
<font face="微軟雅黑" color="#FFFFFF" size="-1">
<p>One may fall in love with many people during the lifetime.</p>
<p>When you finally get your own happiness,</p>
<p>you will understand the preious sadness is kind of treasure,</p>
<p>which makes you better to hold and cherishthe people you love.</p>
</font>
<p>
<font face="微軟雅黑" color="#FFFFFF" size="-1">字體是:<br>
<u>微軟雅黑</u>
</font>
</p>
<a href="#top">
<img src="新建文件夾/QQ圖片20161221090944.gif" width="100px" height="100px" title="哈哈哈" alt="圖裂了">
</a>
<br>
<font face="微軟雅黑" color="#FFFFFF" size="-1">圖裂了
</font>
<br>
<br>
<font face="微軟雅黑" color="#FFFFFF" size="+2">要求:
</font>
<font face="微軟雅黑" color="#FFFFFF" size="-1">
<ol type="A">
<li>獨立完成</li>
<li>今天所講的都要練一遍</li>
<li>做好博客的筆記</li>
</ol>
</font>
<br>
<font face="微軟雅黑" color="#FFFFFF" size="+2">PS:
</font>
<br>
<font face="微軟雅黑" color="#FFFFFF" size="-1">
<ul type="square">
<li>註意有序/無序列表的使用</li>
<li>圖片長寬都是100px,點擊圖片可以鏈接到網頁頂端</li>
<li>要求完成度在70%以上</li>
<li>不會的可以<font color="#660066">
<a href="http://www.baidu.com" target="_blank">百度</a>
</font>(此鏈接在新頁面打開)</li>
<li>網頁左邊距和上邊距為200px</li>
<li>滑鼠移動到圖片上顯示“哈哈哈”</li>
<li>壞圖上顯示“圖裂了”</li>
</ul>

<table width="400px" height="200px" border="1" cellspacing="0" cellpadding="0">
<font color="#FFFFFF">
<tr>
<th width="100px" align="center" valign="middle">寬度/高度</th>
<th width="100px" align="center" valign="middle">對齊方式</th>
<th width="100px" align="center" valign="middle">背景顏色</th>
<td rowspan="2" align="center" valign="middle" >合併單元格</td>
</tr>
<tr>
<td bgcolor="#999999" align="center"valign="bottom">400px/200px;</td>
<td bgcolor="#999999" valign="bottom" align="right">靠右/靠下</td>
<td bgcolor="#999999"align="right" valign="bottom">gray</td>

</tr>
</font>
</table>


</body>
</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 如果運行後如圖的錯,需要進行如下操作來解決: a:打開cmd,輸入netstat -ano 找到本地地址為8080的最後一項的數字,這個數字就是埠號。 b:再輸入taskkill /t /pid 埠號數字 /f 來關閉此進程。 c:註意每個命令後面不要加 ; 結尾,運行以上命令再重新運行工程即可 ...
  • 本文地址 可以拜讀: 從零開始學 Java 分享提綱: 1.java數據結構 1. java數據結構 1)【概述】 Java工具包提供了強大的數據結構。在Java中的數據結構主要包括以下幾種介面和類: 枚舉(Enumeration) 位集合(BitSet) 向量(Vector) 棧(Stack) 字 ...
  • 1、sdk返回值不是int型 1.1 登錄函數調用 def login(ip, port, username, password, device_info, error_code):"""LLONG CLIENT_Login(char *pchDVRIP, WORD wDVRPort,char *p... ...
  • 其實也沒啥好說的 用樹狀數組可以O(logn)的查詢 套一層整體二分就可以做到O(nlngn) 最後用樹鏈剖分讓序列上樹 ...
  • 這裡給大家詳細說一下Maven的運行機制,讓大家不僅知其然,更知其所以然。 1.插件保存在哪裡? 與我們所依賴的構件一樣,插件也是基於坐標保存在我們的Maven倉庫當中的。在用到插件的時候會先從本地倉庫查找插件,如果本地倉庫沒有則從遠程倉庫查找插件並下載到本地倉庫。 與普通的依賴構件不同的是,Mav ...
  • Java是一門面向對象的語言,那麼我們寫程式的時候最經常操作的便是對象了,為此,Java提供了一些專門用來處理對象的類庫,這些類庫的集合我們稱之為集合框架。Java集合工具包位於Java.util包下,包含了很多常用的數據結構,如數組、鏈表、棧、隊列、集合、哈希表等。學習Java集合框架下大致可以分 ...
  • 首先在頁面中我們直接寫一個標簽,然後給標簽定義一個id,這裡我們用什麼標簽都可以,我們就用<span></span>演示吧, 代碼如下: 上面我們實例化了一個Clock的對象,這裡我們就在外部定義一個Clock的類, 獲取當前時間併進行時間的格式化,代碼如下: 之後我們在頁面頭部中引入該js就好了: ...
  • Containers in Depth ___ Full container taxonomy You can usually ignore any class that begins with "Abstract." Filling containers This fill( ) just dup ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...