WEB安全基础-HTML相关知识
JS：為網(wǎng)站添加各式各樣的動態(tài)功能，為用戶提供更流暢美觀的動態(tài)效果。
CSS：解決內(nèi)容與表現(xiàn)分離的問題。
HTML：包含網(wǎng)頁的實(shí)際內(nèi)容。
HTML源代碼
<html> <head> <title>第一個網(wǎng)頁</title> </head><body><h1>Hello World</h1> <p>Hello World</p> </body> </html>HTML(Hyper Text Markup Language)
HTML結(jié)構(gòu)和語法
可以用樹形結(jié)構(gòu)表示他：
1.<html>為根結(jié)點(diǎn)；
2.<head>為<html>子結(jié)點(diǎn)；
3.<body>為<html>子結(jié)點(diǎn)；
HTML元素
以開始標(biāo)簽起始<p>
以閉合標(biāo)簽終止</p>
閉合標(biāo)簽比開始標(biāo)簽多一個斜杠/
標(biāo)簽中間為元素的內(nèi)容
屬性元素：元素的額外信息；
標(biāo)簽屬性：name,id,class,......
事件屬性：onload,onerror,onclick,......
注釋：<!-- XXXXXXX --> 注意：注釋標(biāo)簽比較特別，HTML不區(qū)分大小寫。
圖片：<img src="http://XXX.XXX.com/XX/XX/XX.png" width="500" height="100" />
鏈接：<a href="http://XXX.XXX.com/XXX/XXX.htm">點(diǎn)擊訪問此網(wǎng)站</a>
表單：
<form>
username:
<input type="text" name="username" />
password:
<input type="passowrd" name="password" />
<input type="submit" value="Submit" />
</form>
內(nèi)聯(lián)框架:
<iframe src="http://XXX.XXX.com/XXX/XXX.htm" frameborder="0" width="480" height="240"></iframe>
HTML DOM：
DOM：文檔對象模型（DOcument Object Model）將文檔轉(zhuǎn)換為樹結(jié)構(gòu)；
為什么要把文檔轉(zhuǎn)換為樹結(jié)構(gòu)：
1.更直觀的了解頁面元素；
2.通過JavaScript，可以對HTML進(jìn)行任意操作；
下面是一個練習(xí)：
代碼如下:
<html><head> <title>我的第一個html網(wǎng)站</title> </head><body> <h1>Welcome To Join Us</h1> <p>Hello World</p> <!---第一個網(wǎng)站--> <img src="http://img4.duitang.com/uploads/blog/201402/05/20140205142712_CtJem.jpeg" width="100" height="300" /> <br /><br /><a href="http://www.baidu.com">點(diǎn)擊訪問百度</a><br/><br/><form> username: <input type="text" name="username" /> password <input type="password" name="password" /> <input type="submit" value="Submit" /> </form><br/><br/><iframe src="http://www.baidu.com" framborder="0" width="480" height="240"></iframe></body></html>運(yùn)行結(jié)果如下：
總結(jié)
以上是生活随笔為你收集整理的WEB安全基础-HTML相关知识的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 数据结构-树的基础代码
- 下一篇： Java基础入门笔记-重写