2. 程式人生 > >渡課學習日記（2018/7/23）

渡課學習日記（2018/7/23）

阿新 • • 發佈：2019-02-05

學習內容

  • css 框模型
  • css 定位
  • 學習如何正確的模仿別人的框架

作業完成情況

<html>
    <head>
        <meta charset="utf-8">
        <title>w3school 線上教程</title>
        <link rel="stylesheet" type="text/css" href="css/W3School.css">
    </head>
    <body id="homefirst">
        <div
 
 id="wrapper">
            <div id="header_index">
                <h1>
                    <a href="" title="w3school 線上教程" style="float:left;">W3school</a>
                </h1>
                <div id="searchui">
                    <form method="get" id="searchform"
 
 action="http://www.google.com.hk/search">
                        <input type="hidden" name="sitesearch" value="w3school.com.cn" />
                        <input type="text" name="as_q" class="box"  id="searched_content" title="在此輸入搜尋內容。" />
                        <input type="submit"
 
 value="Go" class="button" title="搜尋！" />
                    </form>
                </div>
            </div>

            <div id="navfirst">
                <ul id="menu">
                    <li id="h"><a href="/h.asp" title="HTML 系列教程">HTML/CSS</a></li>
                    <li id="b"><a href="/b.asp" title="瀏覽器指令碼教程">JavaScript</a></li>
                    <li id="s"><a href="/s.asp" title="伺服器指令碼教程">Server Side</a></li>
                    <li id="d"><a href="/d.asp" title="ASP.NET 教程">ASP.NET</a></li>
                    <li id="x"><a href="/x.asp" title="XML 系列教程">XML</a></li>
                    <li id="ws"><a href="/ws.asp" title="Web Services 系列教程">Web Services</a></li>
                    <li id="w"><a href="/w.asp" title="建站手冊">Web Building</a></li>
                </ul>
            </div>

            <div id="navsecond">
                <b>HTML 教程</b>
                <ul>
                    <li><a href="/html/index.asp" title="HTML 教程">HTML</a></li>
                    <li><a href="/html5/index.asp" title="HTML5 教程">HTML5</a></li>
                    <li><a href="/xhtml/index.asp" title="XHTML 教程">XHTML</a></li>
                    <li><a href="/css/index.asp" title="CSS 教程">CSS</a></li>
                    <li><a href="/css3/index.asp" title="CSS3 教程">CSS3</a></li>
                    <li><a href="/tcpip/index.asp" title="TCP/IP 教程">TCP/IP</a></li>
                </ul>

                <b>瀏覽器指令碼</b>
                <ul>
                    <li><a href="/js/index.asp" title="JavaScript 教程">JavaScript</a></li>
                    <li><a href="/htmldom/index.asp" title="HTML DOM 教程">HTML DOM</a></li>
                    <li><a href="/jquery/index.asp" title="jQuery 教程">jQuery</a></li>
                    <li><a href="/jquerymobile/index.asp" title="jQuery Mobile 教程">jQuery Mobile</a></li>
                    <li><a href="/ajax/index.asp" title="AJAX 教程">AJAX</a></li>
                    <li><a href="/json/index.asp" title="JSON 教程">JSON</a></li>
                    <li><a href="/dhtml/index.asp" title="DHTML 教程">DHTML</a></li>
                    <li><a href="/e4x/index.asp" title="E4X 教程">E4X</a></li>
                    <li><a href="/wmlscript/index.asp" title="WMLScript 教程">WMLScript</a></li>
                </ul>

                <b>伺服器指令碼</b>
                <ul>
                    <li><a href="/php/index.asp" title="PHP 教程">PHP</a></li>
                    <li><a href="/sql/index.asp" title="SQL 教程">SQL</a></li>
                    <li><a href="/asp/index.asp" title="ASP 教程">ASP</a></li>
                    <li><a href="/ado/index.asp" title="ADO 教程">ADO</a></li>
                    <li><a href="/vbscript/index.asp" title="VBScript 教程">VBScript</a></li>
                </ul>

                <b>XML 教程</b>
                <ul>
                    <li><a href="/xml/index.asp" title="XML 教程">XML</a></li>
                    <li><a href="/dtd/index.asp" title="DTD教程">DTD</a></li>
                    <li><a href="/xmldom/index.asp" title="XML DOM 教程">XML DOM</a></li>
                    <li><a href="/xsl/xsl_languages.asp" title="XSL 語言">XSL</a></li>
                    <li><a href="/xsl/index.asp" title="XSLT 教程">XSLT</a></li>
                    <li><a href="/xslfo/index.asp" title="XSL-FO 教程">XSL-FO</a></li>
                    <li><a href="/xpath/index.asp" title="XPath 教程">XPath</a></li>
                    <li><a href="/xquery/index.asp" title="XQuery 教程">XQuery</a></li>
                    <li><a href="/xlink/index.asp" title="XLink 教程">XLink</a></li>
                    <li><a href="/xlink/index.asp" title="XPointer 教程">XPointer</a></li>
                    <li><a href="/schema/index.asp" title="Schema 教程">Schema</a></li>
                    <li><a href="/xforms/index.asp" title="XForms 教程">XForms</a></li>
                    <li><a href="/wap/index.asp" title="WAP 教程">WAP</a></li>
                    <li><a href="/svg/index.asp" title="SVG 教程">SVG</a></li>
                </ul>

                <b>Web Services</b>
                <ul>
                    <li><a href="/webservices/index.asp" title="Web Services 教程">Web Services</a></li>
                    <li><a href="/wsdl/index.asp" title="WSDL 教程">WSDL</a></li>
                    <li><a href="/soap/index.asp" title="SOAP 教程">SOAP</a></li>
                    <li><a href="/rss/index.asp" title="RSS 教程">RSS</a></li>
                    <li><a href="/rdf/index.asp" title="RDF 教程">RDF</a></li>
                </ul>

                <b>.NET</b>
                <ul>
                    <li><a href="/aspnet/index.asp" title="ASP.NET 教程">ASP.NET</a></li>
                    <li><a href="/aspnet/webpages_intro.asp" title="ASP.NET Web Pages - 教程">Web Pages</a></li>
                    <li><a href="/aspnet/razor_intro.asp" title="ASP.NET Razor - 標記">Razor</a></li>
                    <li><a href="/aspnet/mvc_intro.asp" title="ASP.NET MVC - 教程">MVC</a></li>
                    <li><a href="/aspnet/aspnet_intro.asp" title="ASP.NET Web Forms - 教程">Web Forms</a></li>
                </ul>

                <b>建站手冊</b>
                <ul>
                    <li><a href="/site/index.asp" title="網站構建">網站構建</a></li>
                    <li><a href="/w3c/index.asp" title="全球資訊網聯盟 (W3C)">全球資訊網聯盟 (W3C)</a></li>
                    <li><a href="/browsers/index.asp" title="瀏覽器資訊">瀏覽器資訊</a></li>
                    <li><a href="/quality/index.asp" title="網站品質">網站品質</a></li>
                    <li><a href="/semweb/index.asp" title="語義網">語義網</a></li>
                    <li><a href="/careers/index.asp" title="職業規劃">職業規劃</a></li>
                    <li><a href="/hosting/index.asp" title="網站主機教程">網站主機</a></li>
                    <li><a href="/media/index.asp" title="網路媒體教程">網路媒體</a></li>
                </ul>

                <h2 id="link_about"><a href="/about/index.asp" title="關於 W3School">關於 W3School</a></h2>
                <h2 id="link_help"><a href="/about/about_helping.asp" title="幫助 W3School">幫助 W3School</a></h2>
            </div>

            <div id="maincontent">

                <div class="idea" id="d1">
                    <h2>領先的 Web 技術教程 - 全部免費</h2>
                    <p>在 w3school，你可以找到你所需要的所有的網站建設教程。</p>
                    <p>從基礎的 HTML 到 CSS，乃至進階的 XML、SQL、JS、PHP 和 ASP.NET。</p>
                    <p><b>從左側的選單選擇你需要的教程！</b></p>
                </div>

                <div class="idea" id="d2">
                    <h2>完整的網站技術參考手冊</h2>
                    <p>我們的參考手冊涵蓋了網站技術的方方面面。</p>
                    <p>其中包括W3C標準技術：HTML、CSS、XML 。以及其他技術，諸如 JavaScript、PHP、SQL 等。</p>
                </div>

                <div class="idea" id="d3">
                    <h2>線上例項測試工具</h2>
                    <p>在 w3school，我們提供上千個例項。</p>
                    <p>通過使用我們的線上編輯器，你可以編輯這些例子，並對程式碼進行實驗。</p>
                </div>

                <div class="idea" id="d4">
                    <h2>快捷易懂的學習方式</h2>
                    <p>一寸光陰一寸金，因此，我們為您提供快捷易懂的學習內容。</p>
                    <p>在這裡，您可以通過一種易懂的便利的模式獲得您需要的任何知識。</p>
                </div>


                <div class="idea" id="d5">
                    <h2>從何入手？</h2>
                    <p>什麼是一個Web建設者需要學習的知識呢？</p>
                    <p>W3School將為您回答這個問題，在您成為專業 Web 開發者的路上助一臂之力。</p>
                    <p>如果您是初學者，請您閱讀《<a href="/web/index.asp" title="網站構建初級教程">網站構建初級教程</a>》。</p>
                    <p>如果您是開發者，請您閱讀《<a href="/site/index.asp" title="網站構建">網站構建高階教程</a>》。</p>
                </div>


                <div class="idea" id="d6">
                    <h2>W3School 新聞</h2>
                    <p>
                    <a href="/cssref/index.asp" title="CSS 參考手冊">CSS3 參考手冊</a> 已上線，敬請批評指正。
                    </p>
                </div>


                <div class="idea" id="d7">
                    <h2>W3School 更新資訊</h2>
                    <p>
                    <a href="/php/php_ref_calendar.asp" title="PHP Calendar 函式">參考手冊：PHP Calendar 函式</a>
                    &nbsp;&nbsp;&nbsp;
                    <a href="/php/php_ref_date.asp" title="PHP Date / Time 函式">參考手冊：PHP Date / Time 函式</a>
                    &nbsp;&nbsp;&nbsp;
                    <a href="/html/index.asp" title="HTML 教程">教程：HTML 教程</a>
                    </p>

                </div>


                <div id="d8">
                    <h2>W3School 友情連結</h2><br />
                    <p class="partner">
                    <a target="_blank" href="http://mozilla.com.cn/">Firefox 中文社群</a> &nbsp;&nbsp;&nbsp; 
                    <a target="_blank" href="http://www.w3ctech.com/">w3ctech</a> &nbsp;&nbsp;&nbsp; 
                    <a target="_blank" href="http://wetest.qq.com/?from=links_w3school">WeTest騰訊質量開放平臺</a> &nbsp;&nbsp;&nbsp; 
                    </p>
                </div>


                <div id="d9">
                    <b>新浪微博</b>
                    <p class="big1"><a target="_blank" href="http://weibo.com/w3schoolcomcn">W3School 官方微博</a></p>
                </div>


                <div id="d10">
                    <b>微信公眾號</b>
                    <p style="width:132px;font-size:13px">W3School 官方服務號</p>
                </div>

            </div>
            <div>
                <img id="g1" src="img/icon2.png" />
                <img id="g2" src="img/icon3.png" />
                <img id="g3" src="img/icon4.png" />
                <img id="g4" src="img/icon5.png" />
                <img id="g5" src="img/icon6.png" />
                <img id="g6" src="img/icon7.png" />
                <img id="g7" src="img/icon8.png" />
                <img id="g8" src="img/icon9.png" />
                <img id="g9" src="img/icon10.png" />
            </div>


            <div id="sidebar">

                <b>參考手冊</b>
                <ul>
                    <li><a href="/tags/index.asp" title="HTML 參考手冊">HTML/HTML5 標籤</a></li>
                    <li><a href="/tags/html_ref_colornames.asp" title="HTML 顏色名">HTML 顏色</a></li>
                    <li><a href="/cssref/index.asp" title="CSS 參考手冊">CSS 1,2,3</a></li>
                    <li><a href="/jsref/index.asp" title="JavaScript 參考手冊">JavaScript</a></li>
                    <li><a href="/jsref/index.asp" title="HTML DOM 參考手冊">HTML DOM</a></li>
                    <li><a href="/jquery/jquery_reference.asp" title="jQuery 參考手冊">jQuery</a></li>
                    <li><a href="/jquerymobile/jquerymobile_ref_data.asp" title="jQuery Mobile 參考手冊">jQuery Mobile</a></li>
                    <li><a href="/vbscript/vbscript_ref_functions.asp" title="VBScript 函式">VBScript</a></li>
                    <li><a href="/asp/asp_ref.asp" title="ASP 參考手冊">ASP</a></li>
                    <li><a href="/ado/ado_reference.asp" title="ADO 參考手冊">ADO</a></li>
                    <li><a href="/aspnet/aspnet_reference.asp" title="ASP.NET 參考手冊">ASP.NET</a></li>
                    <li><a href="/php/php_ref.asp" title="PHP 參考手冊">PHP 5.1</a></li>
                    <li><a href="/xmldom/xmldom_reference.asp" title="XML DOM 參考手冊">XML DOM</a></li>
                    <li><a href="/xsl/xsl_w3celementref.asp" title="XSLT 元素參考手冊">XSLT 1.0</a></li>
                    <li><a href="/xpath/xpath_functions.asp" title="XPath、XQuery 以及 XSLT 函式">XPath 2.0</a></li>
                    <li><a href="/xslfo/xslfo_reference.asp" title="XSL-FO 參考手冊">XSL-FO</a></li>
                    <li><a href="/wap/wml_reference.asp" title="WML 參考手冊">WML 1.1</a></li>
                    <li><a href="/glossary/index.asp" title="W3C 術語表和詞典">W3C 術語表</a></li>
                </ul>

                <b>字符集</b>
                <ul>
                    <li><a href="/tags/html_ref_charactersets.asp" title="HTML 字符集">HTML 字符集</a><

相關推薦

渡課學習日記（2018/7/23）

學習內容 css 框模型 css 定位 學習如何正確的模仿別人的框架 作業完成情況 <html> <head> <meta charset="utf-8"> <t

渡課學習日記（2018/7/20）

一、今日學習內容： 1.學習Markdown 2.筆記日誌撰寫標準 3.表格、列表、表單、佈局標籤 二、程式碼編寫 1.使用所學的表格標籤製作一個表格程式碼如下： <!DOCTYPE html> <html> <head

java學習日記（1-7）

har span 編譯失敗 數組長度 int() 冒泡排序 string length 類型 java 中標識符可以為$符， 默認是int類型超出int型必須標明是long型char 為 2字節String 是引用類型 byte b = 1;b = b + 1; #會報錯

今日學習遇到的問題（2018.9.23）

div ren param 活躍 隱藏 swiper 監聽 remove handles 先隱藏swiper然後再顯示swiper會發生寬度計算問題 ~在swiperOption中添加observeParent屬性即可 // 先計算滾動了多少，一旦超過60，就隱藏abs

機器學習 學習記錄（2018-11-23 -- 持續更新）

機器學習 學習記錄（2018-11-23 – 持續更新） http://yanghuangblog.com/index.php/archives/6/ [BLOG] 文章目錄 機器學習 學習記錄（2018-11-23 -- 持續更新） 學習路

我的周末隨筆（2018/7/1）

遊戲 形象 style pan 多功能 團隊 實現 尊敬 很多 想寫點東西，由於忙於項目，並且在公司不能上外網，很久沒有訪問博客園了； 我沒有寫技術博客的習慣，也從來不玩遊戲，我似乎和程序員的形象有點不沾邊。我也想分享知識，對那些分享知識的人表示尊敬。曾今的我對技術比較向往

F4NNIU 學習目錄 （2018-08-22）

線刷 在線 進階 uri etc .com 工具 all 版本 F4NNIU 學習目錄 語言 C 語言 C 語言程序設計進階 在線刷題 https://leetcode-cn.com/problemset/all/ 工具 Git 版本管理 在線教程 在線教程

團隊任務3：每日例會（2018-10-23）

飛機 發現 com 開發 img 整理 經理 技術分享 學校 團隊任務3：每日例會（2018-10-23） 我們是第二組。 我們開發的軟件是飛機大戰。 整理人：李柏侖，2016035107096 ，項目經理 燃盡圖滯後原因。昨天學校斷電斷網，應該昨天做的內容只能今天才

團隊任務3每日立會（2018-10-23）

軟件工程 技術 一點 相對 bsp img 碰撞 image 思路 第七小組 開發軟件名稱：飛機大戰 項目經理：邊禹男 學號：2016035107004 一、團隊匯報 今天我們團隊的目標是UI設計師和軟件工程師選定背景和音樂，並設計出滾動的背景和子彈和飛機的碰撞出來的效

一週學習筆記（2018.10.12）

學習內容： vscode下 egg.js+typescript程式設計入門 使用vscodede的感覺，比學習java時使用的eclipse，idea來說，開啟速度更快，幾乎一下就開了，vscode 對於其他的外掛有很好的相容性，應用商店有專門的外掛包提供下載

小甲魚Python課後整理 1（2018.10.23）

Python 是什麼型別的語言？ Python是指令碼語言 指令碼語言(Scripting language)是電腦程式語言，因此也能讓開發者藉以編寫出讓電腦聽命行事的程式。以簡單的方式快速完成某些複雜的事情通常是創造指令碼語言的重要原則，基於這項原則，使得

python學習日記（初識面向物件）

面向過程 VS 面向物件  面向過程 面向過程的程式設計把計算機程式視為一系列的命令集合，即一組函式的順序執行。為了簡化程式設計，面向過程把函式繼續切分為子函式，即把大塊函式通過切割成小塊函式來降低系統的複雜度。 面向過程的程式設計的核心是過程（流水線式思維），過程即解決問題的步驟，面向過程的

python學習日記（OOP訪問限制）

在Class內部，可以有屬性和方法，而外部程式碼可以通過直接呼叫例項變數的方法來操作資料，這樣，就隱藏了內部的複雜邏輯。 但是，從前面Student類的定義來看，外部程式碼還是可以自由地修改一個例項的name、score屬性： class Student(object): def __in

python學習日記（OOP資料封裝）

class Student(object): def __init__(self,name,score): self.name = name self.score = score li = Student('libai','99') print(li.n

python學習日記（面向物件——繼承）

什麼是繼承 繼承是一種建立新類的方式，在python中，新建的類可以繼承一個或多個父類，父類又可稱為基類或超類，新建的類稱為派生類或子類   python中類的繼承分為：單繼承和多繼承 class ParentClass1: #定義父類 pass class Paren

python學習日記（isinstance和issubclass）

isinstance(obj,cls)檢查是否obj是否是類 cls 的物件 class Foo(object): pass obj = Foo() isinstance(obj, Foo) issubclass(sub, super)檢查sub類是否是 supe

callable介面配合ExecutorService實現多執行緒處理資料，並接收返回值（2018-08-23）

/** * @author chenzhen * Created by chenzhen on 2018/8/22. */ @Data public class QuickPullGit implements Callable<ArrayList&l

【Unity3D】學習筆記（第7記）射線碰撞檢測

unity中關於射線的有一個非常重要的函式類Physcics類，該類有Raycast和Linecast兩種射線投射方式；第一種是以起點和射線方向為引數的投射，第二種是以起點和終點為引數的投射。既然是射線碰撞，那麼被射物體必須有被碰撞元件（如BoxCollider等）；下面是

記錄2019屆秋季校園招聘：京東提前批（2018.7.18）

通過牛客網找到內推人的郵箱，投遞了京東尋獵計劃，也就是京東的秋季招聘提前批，今天微信多人聊天面試，這個跟之前接到的各種電話面試還不一樣。 面試首先還是自我介紹，然後問了專案中有哪些是有實際應用的，接著針對專案、論文中的細節提問，問的比較深入，對頂會，SCI期刊比較看重，問的

2018.9.13學習日記（《圖解Http》摘抄）

今天網購的《圖解http》送到了，所以今天主要看這本書。 （其實因為看了一些網上面試經驗，對自己的專案經歷（與應聘崗位沒多大關係）耿耿於懷，導致一整個白天毫無干勁） 請求報文是由 請求方法，請求URI（。），協議版本，可選的請求首部欄位 和 內容實體 構成的。如： ·方法