初识前端——个人总结
生活随笔
收集整理的這篇文章主要介紹了
初识前端——个人总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML
網站建站流程：
?
WEB標準的概念及組成
（1）W3C( World Wide Web Consortium )萬維網聯盟，創建于1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構。
W3C (制定了結構(xhtml、xml)和表現(css)的標準，非贏利性的。)
（2）ECMA(European Computer Manufactures Association) 歐洲電腦場商聯合會。
ECMA制定了行為(DOM(文檔對象模型)，ECMAScript)標準
（3）WHATWG網頁超文本應用技術工作小組是：
一個以推動網絡HTML 5 標準為目的而成立的組織。在2004年，由Opera、Mozilla基金會和蘋果這些瀏覽器廠商組成。
HTML及相關概念的介紹
HTML 指的是超文本標記語言 (Hyper Text Markup Language) www萬維網的描述性語言。
XHTML指可擴展超文本標記語言（標識語言）（EXtensible HyperText Markup Language）是一種置標語言，表現方式與超文本標記語言（HTML）類似，不過語法上更加嚴格。
HTML5指的是HTML的第五次重大修改（第5個版本）(HTML5 是 W3C 與 WHATWG 合作的結果)
三、相關軟件的應用以及站點的創建
1) 站點的作用
A/ 用來歸納一個網站上所有的網頁、素材以及他們之間的聯系
B/ 規劃網站的所有內容和代碼 整合資源
2)創建站點的步驟
創建網頁所需各個文件夾 css、js、images
3)文件的命名規則
a/ 件命名規則：用英文，不用中文
b/ 名稱全部用小寫英文字母、數字、下劃線的組合，其中不得包含漢字、空格和特殊字符；必須以英文字母開頭。@#￥%……！ -_
c/ 網站的首頁必須命名為index.html不建議使用shouye.html
HTML基本結構
?
定義文檔類型 分為四種：Strict（嚴格型)、Trasitional（過渡型 常用這種）、Frameset（框架型）、手機瀏覽器DTD mobile.
HTML的基本語法:
1、<常規標記>
<標記 屬性=“屬性值” 屬性=“屬性值”></標記>
例如：<head></head>
2.空標記
<標記 屬性=“屬性值” />
例如：<meta charset=”utf-8”> <br/>
說明：
1.寫在<>中的第一個單詞叫做標記，標簽，元素。
2.標記和屬性用空格隔開，屬性和屬性值用等號連接，屬性值必須放在“”號內。
3.一個標記可以沒有屬性也可以有多個屬性，屬性和屬性之間不分先后順序。
4.空標記沒有結束標簽，用“/”代替。
HTML常用標記
1、文本標題（h1-h6)
<h1>LOGO</h1> <h2>次要欄目或標題-小標題H2</h2> <h3>再次要欄目或分類小標題H3</h3> <h4>文中分類小標題H4</h4> <h5>二級標題</h5> <h6>六級標題</h6>html標題標簽使用原則：H1在一個網頁中最好只使用一次，如對一個網頁LOGO使用。?
?2、段落文本(p)?
<p>段落文本內容</p> 標識一個段落(段落與段落之間有段間距)?
?3、空格??
所占位置沒有一個確定的值,這與當前字體字號都有關系.4、換行(br)
<br /> 換行是一個空標記(強制換行)5、加粗 加粗有兩個標記
A、<b>加粗內容</b> B、<strong>加粗內容</strong>6、傾斜
<em></em> ,<i></i>7、水平線
<hr />空標記8、列表(ul,ol,dl)
HTML中有三種列表分別是：無序列表，有序列表，自定義列表 *無序列表 無序列表組成： <ul>(unordered list) <li></li> <li></li></ul> *有序列表 有序列表組成： <ol>(ordered list) <li></li> <li></li></ol> *自定義列表 <dl>(definition list) <dt>名詞</dt> <dd>解釋</dd> (definition description)?
?9、插入圖片
<img src="目標文件路徑及全稱" alt="圖片替換文本" title="圖片標題" /> 注:所要插入的圖片必須放在站點下 title的作用: 在你鼠標懸停在該圖片上時顯示一個小提示，鼠標離開就沒有了，HTML的絕大多數標簽都支持title屬性，title屬性就是專門做提示信息的 alt的作用:alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息，它會直接輸出在原本加載圖片的地方。?
10、超鏈接的應用
語法： <a href="目標文件路徑及全稱/連接地址" title="提示文本">鏈接文本/圖片</a> <a href="#"></a>空鏈接 屬性：target:頁面打開方式，默認屬性值_self。 屬性值：_blank 新窗口打開 <a href="#" target="_blank">新頁面打開</a>?
11、div和span的用法
<div ></div>沒有具體含義，統稱為塊標簽， 用來設置文檔區域，是文檔布局常用對象<span> </span> 文本結點標簽 可以是某一小段文本，或是某一個字。?
12、數據表格的作用及組成
作用：顯示數據 表格組成 <table width="value" height="value" border="value" bgcolor="value" cellspacing="value" cellpadding="value"> <tr> <td></td> <td></td> </tr> </table>注：一個tr表示一行;一個td表示一列(一個單元格) *數據表格的相關屬性 1）width="表格的寬度" 2）height="表格的高度" 3）border="表格的邊框" 4）bgcolor="表格的背景色" bg=background 5）bordercolor="表格的邊框顏色" 6）cellspacing="單元格與單元格之間的間距" 7）cellpadding="單元格與內容之間的空隙" 8）對齊方式：align="left/center/right"; 9)合并單元格屬性： colspan=“所要合并的單元格的列數"合并列;rowspan=“所要合并單元格的行數”合并行;?
13、表單的作用及組成
1)、表單框
<form name="表單名稱" method="post/get" action=""></form>?
2）文本框
<input type="text" value="默認值"/>?
3)密碼框
<input type="password" /> <input type="password" placeholder="密碼" />?
4)重置按鈕
<input type="reset" value="按鈕內容" />
?5)按鈕
<input name="'" type="button" value=“按鈕內容” /> <input name="'" type="submit" value=“按鈕內容” /> <button></button>?
轉載于:https://www.cnblogs.com/4813html/p/10497750.html
總結
以上是生活随笔為你收集整理的初识前端——个人总结的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 获取金蝶云试用许可
- 下一篇： HTML textarea标签属性