2. 程式人生 > >2018/09/27Web前端學習第三課

2018/09/27Web前端學習第三課

阿新 • • 發佈：2018-12-12

(一). 學習內容

  1. 列表標籤 UL OL LI；
  2. 表格標籤 Table, 使用表格標籤佈局頁面；
  3. 使用 DIV 標籤定義框架個錨點的定義；
  4. frame 和 iframe 標籤定義框架和錨點的定義；
  5. style 屬性的應用；
  6. From 表單中的 input select textarea 等標籤。
# (二). 課程重點
  1. 列表標籤的使用；
  2. DIV 標籤的頁面佈局；
  3. frame 的使用；
  4. style 屬性；
  5. 表單元素的使用。

(三). 課程知識點

關鍵字 英文 解釋
ul標籤 <ul> 定義無序列表
ol標籤 <ol> 定義有序列表
li標籤 <li> 定義列表項
塊級標籤 - 獨佔一行
行級標籤 - 行內顯示內容，不獨佔
div標籤 <div> 佈局容器
span標籤 <span> 文字內容
樣式 style="..." 可定義顏色字型等屬性
顏色 color 更改顏色
大小 font-size 更改字型大小
span標籤 <span> 修改段落中的某些文字
frameset標籤 <frameset> 將視窗分割為框架
ifram標籤 <ifram> 內聯框架
表單 <from> -
型別 <type="...">
 -
預設值 value -
隱藏域 hidden -
文字輸入框 text -
按鈕 button -
多選框 cheakbox -
單選框 radio -
空格鍵 &nbsp -
檔案上傳 file -

(四). 作業完成情況

1. 使用 Table 標籤和 From 表單元素完成一個個人簡歷的網頁編寫

程式碼展示
<!DOCTYPE html>
<html>
<head>
	<title>簡歷</title>
</head>
<body>
<!--表格定義開始-->
 

<table border="1" cellspacing="0" width="800px" height="100%" align="center">
	<tr style="height: 80px">
		<th colspan="5">
		<h1 align="center">我的簡歷</h1>
		</th>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">姓名</th>
		<td width="130px">
			<input type="text" name="x1" value="填寫姓名" style="width: 160px;border: 0" />
		</td>
		<th width="130px" bgcolor="#DODODO">性別</th>
		<td width="130px">
			<select style="width: 160px;height: 40px">
				<option value="女生">女生</option>
				<option value="男生">男生</option>				
			</select>
		</td>
		<th width="130px" rowspan="5" bgcolor="#DODODO">
			<input type="file" name="x2" style="width: 120px;height: 0px">
		</th>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">籍貫</th>
		<td width="130px">
			<input type="text" name="x1" value="**省**市" style="width: 160px;border: 0"/>
		</td>
		<th width="130px" bgcolor="#DODODO">名族</th>
		<td width="130px">
			<select style="width: 160px;height: 40px">
				<option value="漢族">漢族</option>
				<option value="少數名族">少數名族</option>
			</select>
		</td>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">出生年月</th>
		<td width="130px">
			<input type="text" name="x1" value="**年**月**日" style="width: 160px;border: 0"/>
		</td>
		<th width="130px" bgcolor="#DODODO">政治面貌</th>
		<td width="130px">
			<input type="radio" name="1" value="團員">&nbsp;團員
			<input type="radio" name="1" value="非團員">&nbsp;非團員
		</td>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">學歷</th>
		<td width="130px">
			<select style="width: 160px;height: 40px">
				<option value="本科">本科</option>
				<option value="大專">大專</option>
				<option value="大專以下">大專以下</option>
				<option value="研究生即以上">研究生及以上</option>
			</select>
		</td>
		<th width="130px" bgcolor="#DODODO">專業</th>
		<td width="130px">
			<input type="text" name="x1" value="填寫專業" style="width: 160px;border: 0"/>
		</td>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">學制</th>
		<td width="130px">
			<input type="text" name="x1" value="填寫學制" style="width: 160px;border: 0"/>
		</td>
		<th width="130px" bgcolor="#DODODO">身高</th>
		<td width="130px">
			<input type="text" name="x1" value="填寫身高" style="width: 160px;border: 0"/>
		</td>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">培養方式</th>
		<td width="130px">
			<input type="text" name="x1" value="填寫培養方式" style="width: 160px;border: 0"/>
		</td>
		<th width="130px" bgcolor="#DODODO">通訊地址</th>
		<td width="130px" colspan="2">
			<input type="text" name="x1" value="填寫通訊地址" style="width: 160px;border: 0"/>
		</td>
	</tr>
	<tr style="height: 50px">
		<th width="130px" rowspan="2" bgcolor="#DODODO">聯絡方式</th>
		<th width="130px" bgcolor="#DODODO">Tel</th>
		<th width="130px" bgcolor="#DODODO">QQ</th>
		<th width="130px" bgcolor="#DODODO" colspan="2">email</th>
	</tr>
	<tr style="height: 50px">
		<td width="130px">
			<input type="text" name="x1" value="手機號碼"style="width: 160px;border: 0"/>
		</td>
		<td width="130px">
			<input type="text" name="x1" value="QQ號" style="width: 160px;border: 0"/>
		</td>
		<td width="130px" colspan="2">
			<input type="text" name="x1" value="email地址" style="width: 160px;border: 0"/>
		</td>
	</tr>
	<tr style="height: 50px">
		<th width="130px" bgcolor="#DODODO">新浪部落格</th>
		<td colspan="4">
			<input type="text" name="x1" value="部落格賬號" style="width: 650px;border: 0"/>
		</td>
	</tr>
	<tr>
		<th width="130px" height="120px" bgcolor="#DODODO">主修課程</th>
		<td width="130px" height="120px" colspan="4">
			<input type="text" name="x1" value="主修課程" style="width: 650px;height: 120px;border: 0"/>
		</td>
	</tr>
	<tr>
		<th width="130px" height="80px" bgcolor="#DODODO">所獲榮譽證書</th>
		<td width="130px" height="80px" colspan="4">
			<input type="text" name="x1" value="榮譽證書" style="width: 650px;height: 80px;border: 0"/>
		</td>
	</tr>
	<tr>
		<th width="130px" height= 
 

            
  

           

              
              

            

            
相關推薦

			   
            
            
            
 

    


    
    
2018/09/27Web前端學習第三課

     
 
							
							
							
 
(一). 學習內容

列表標籤 UL OL LI；
表格標籤 Table, 使用表格標籤佈局頁面；
使用 DIV 標籤定義框架個錨點的定義；
frame 和 iframe 標籤定義框架和錨點的定義；
style 屬性的應用；
From 表單中的 input 



  
 

    


    
    
Struts2學習第三課 Struts2詳解

     
 request   end   apach   -1   sso   struts2   input   div   available   接著上次的課程
這次我們看struts.xml
修改如下：這裏是加上命名空間，默認的是不加，我們手動加上時就要在訪問時加上命名空間。

<?xml version 



  
 

    


    
    
Struts2學習第三課 訪問Web資源

     
 request   logs   w3c   result   ring   servle   ext   獲取request   out   1.什麽是WEB資源？
HttpServletRequest，HttpSession，ServletContext等原生的Servlet API。
2.為什麽訪問WE 



  
 

    


    
    
電腦小白學習第三課---安裝程序(QQ為例)

     
 開機   .com   src   程序啟動   如何   否則   ffffff   proc   及其   我們在安裝程序的時候，有時會自動給我們安裝一些其他的沒用的軟件或者有些是流氓軟件。我們安裝程序時不只是單純的點擊下一步，下一步。下面演示如何去安裝一個程序，以qq的安裝為例。首先下載安裝包。下載後， 



  
 

    


    
    
Excel課程學習第三課排序與替換

     
 分享圖片   選中   表格   技術分享   定位   自定義   復制   可見   方向   一、排序
1、簡單排序
點到某一個單元格，然後選擇排序，就可以按照相應的順序來排序。
2、自定義排序
按照重要性條件來排序

也可以按照重要性從輕到重挨個排序。
3、按顏色排序

4、
按照中文數字排序，按照自 



  
 

    


    
    
python學習第三課

     
 16px   定位   子序列   index   設置   dsw   ont   center   計數   # python的開發工具pycharm，軟件的設置在file-setings設置字體，風格及鼠標滾動放大縮小，# 什麽是子序列？子序列就是字符串裏的部分字符，例如name="dongfeng"裏 



  
 

    


    
    
2018-09-30工作日報 第三週週報

     
  
  
  
 上午 
 1.繼續寫“彩虹俱樂部”介面，banner部分大概寫好了，但是還存在一些問題。如果選擇多個img比較麻煩的話，給img標籤加class比較方便。 
 2.把之前改的幾個單子的提交說明優化了，以後要附上commit的git地址。 
 3.以後上傳程式碼，不能直接push到1.8.2上 



  
 

    


    
    
深度學習第三課 多層感知機

     
  
 
         多層感知機針對於中間有隱藏層的神經網路結構，對於資料的每一層傳遞都會相應的多一層[w,b]，這中間使用的傳參函式稱之為啟用函式，如果啟用函式是線性的話，那麼就沒什麼意義，無論中間有多少層，其實和沒有隱藏層是一樣的，所以需要非線性的函式作為啟用函 



  
 

    


    
    
VBA學習第三課

     
 sheet1 表1   sheets(1) 表格中的第一張表 sheets("十月")表格中的“十月”的那張表 
 
 Sub aa()

Sheets(Sheets.Count).Name = "1月"

Dim i As Integer

For i = 2 To 12

    Sh 



  
 

    


    
    
R語言學習-第三課-R語言與MATLAB程式設計比較

     
  
 
 求餘 
 y = 5 ;  x = 2;  y%%x = 1; 
 matlab    mod(y,x); 
 R　　　　y%%x; 
 取行數 
 matlab  size(m,1); 
 R　　　　nrow(m); 
 重複矩陣 
 1 2 3  



  
 

    


    
    
Linux學習第三課

     
 
							
							
							ifconfig命令

ifconfig命令用於獲取網絡卡配置與網路狀態等資訊，格式為“ifconfig [網路裝置] [引數]”。

tar命令

tar命令用於對檔案進行打包壓縮或解壓，格式為“tar [選項] [檔案]”。

引數              



  
 

    


    
    
Python系統學習第三課

     
  
  
  
 #三大結構 ·順序 ·分支 ·迴圈 
 #分支 -if 條件表示式： 語句 
  
  條件表示式的計算結果必須為布林值的表示式 
  
 gender = input("請輸入性別：")  #注意，input的返回值型別是字串
print("你輸入的性別是:{0}".format(gend 



  
 

    


    
    
LORA系統前端學習第三天

     
 alt   圖片   wid   整理   前端   流程圖   流程   意見   9.png   

今天整理了這個系統的結構草圖，本來想畫流程圖，後面發現很難實現。
主從節點的結合有難度，師傅給的意見是先畫主要流程然後再添加次要的。
 LORA系統前端學習第三天 



  
 

    


    
    
《Python基礎教程》學習的第三課0121

     
 類比   方法   found   介紹   匹配   this   註釋   style   hello   今天學習python第三課，使用字符串。（所有標準的序列操作【索引、分片、乘法、判斷成員資格、求長度、取最小與最大值】對字符串同樣適用）
1.%（轉換說明符）的用法，%標記了需要插入轉換值的位置。
 



  
 

    


    
    
元學習-Learning How to Learn-第三課：學習新知識的一般過程

     
 自主   註意   找到   專註   閱讀   集中   ear   針對性   練習   第三課：學習新知識的一般過程
 
一、建立組塊：整理新的知識
1.前提——排除幹擾，集中註意力：創意的基礎是專註；
2.找到建立組塊的位置——通讀材料，抓住標題類信息，掌握知識分布的情況：自頂向下，而不是從前往後；
 



  
 

    


    
    
python 學習第三天(簡單購物系統)2018.2.20

     
 welcome   class   bic   繼續   please   python   else   pre   lease   
#_author_:"Bushii"
#data:2018/2/20

print("*******************************")
print("We 



  
 

    


    
    
2018.3.28 二周第三次課

     
 文件和目錄權限chmod   更改所有者和所屬組chown   umask默認權限   隱藏權限chattr   隱藏權限lsattr   文件或目錄權限chmod

概念：linux目錄或者文件，都會有一個所有者和所屬組；所有者是指文件的擁有者；所屬組指是這個文件屬於哪一個用戶組；linux這樣設置文件屬性 



  
 

    


    
    
2018.4.20 五周第三次課

     
 shell介紹   命令歷史   命令補全和別名   alias   輸入輸出重定向   shell介紹
shell腳本在日常的Linux系統管理中是必不可少的；
shell是系統跟計算機硬件交互時使用的中間介質。
shell是一個命令解釋器，提供用戶和機器之間的交互；
支持特定語法，比如邏輯判斷、循環；
每 



  
 

    


    
    
CentOSLinux 學習第三臺（2018年6月6日）

     
 CentOS安裝ifconfig 命令方式yum -y install net-toos運行這個命令就安裝了安裝完Putty，後，設置Putty秘鑰putty 秘鑰設置，在安裝putty的壓縮包裏有一個putty證，執行文件（PUTTYGEN），打開後點擊：Generate 這個時候就會生出秘鑰公鑰，這個秘鑰 



  
 

    


    
    
斯坦福大學-自然語言處理與深度學習（CS224n） 筆記 第三課 詞向量（2）

     
  
  
  
 一、word2vec 
 1、回顧：skip-grams 
 word2vec的主要步驟是遍歷整個語料庫，利用每個視窗的中心詞來預測上下文的單詞，然後對每個這樣的視窗利用SGD來進行引數的更新。 對於每一個視窗而言，我們只有2m+1個單詞（其中m表示視窗的半徑），因此我們計算出來的梯度向量是