html:(17):img标签和表单标签
認(rèn)識(shí)<img>標(biāo)簽，為網(wǎng)頁(yè)插入圖片
在網(wǎng)頁(yè)的制作中為使網(wǎng)頁(yè)炫麗美觀，肯定是缺少不了圖片，可以使用<img>標(biāo)簽來插入圖片。
語(yǔ)法：
<img src="圖片地址" alt="下載失敗時(shí)的替換文本" title = "提示文本">
舉例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
講解：
1、src：標(biāo)識(shí)圖像的位置；
2、alt：指定圖像的描述性文本，當(dāng)圖像不可見時(shí)（下載不成功時(shí)），可看到該屬性指定的文本；
3、title：提供在圖像可見時(shí)對(duì)圖像的描述(鼠標(biāo)滑過圖片時(shí)顯示的文本)；
4、圖像可以是GIF，PNG，JPEG格式的圖像文件。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的蓋茨比</title> </head> <body><p>1922年的春天，一個(gè)想要成名名叫尼克?卡拉威（<a href="https://blog.csdn.net/weixin_43392489">托比?馬奎爾Tobey Maguire </a>飾）的作家，離開了美國(guó)中西部，來到了紐約。那是一個(gè)道德感漸失，爵士樂流行，走私為王，股票飛漲的時(shí)代。為了追尋他的美國(guó)夢(mèng)，他搬入紐約附近一海灣居住。</p><p>菲茨杰拉德，二十世紀(jì)美國(guó)文學(xué)巨擘之一，兼具作家和編劇雙重身份。他以詩(shī)人的敏感和戲劇家的想象為"爵士樂時(shí)代"吟唱華麗挽歌，其詩(shī)人和夢(mèng)想家的氣質(zhì)亦為那個(gè)奢靡年代的不二注解。</p><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="電影介紹"> </body> </html運(yùn)行結(jié)果
使用表單標(biāo)簽，與用戶交互
網(wǎng)站怎樣與用戶進(jìn)行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端，這樣服務(wù)器端程序就可以處理表單傳過來的數(shù)據(jù)。
語(yǔ)法：
<form method="傳送方式" action="服務(wù)器文件">講解：
1.<form> ：<form>標(biāo)簽是成對(duì)出現(xiàn)的，以<form>開始，以</form>結(jié)束。
2.action ：瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個(gè)PHP頁(yè)面(save.php)。
3.method ： 數(shù)據(jù)傳送的方式（get/post）。
<form method="post" action="save.php"><label for="username">用戶名:</label><input type="text" name="username" /><label for="pass">密碼:</label><input type="password" name="pass" /> </form> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>表單標(biāo)簽</title> </head> <body> <form method="post" action="save.php"><label for="username">用戶名:</label><input type="text" name="username" id="username" value="" /><label for="pass">密碼:</label><input type="password" name="pass" id="pass" value="" /> <input type="submit" value="確定" name="submit" /><input type="reset" value="重置" name="reset" /> </form> </body> </html>運(yùn)行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的html:(17):img标签和表单标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： springmvc请求返回一个字符_Sp
- 下一篇： Guava guava-18.0.jar