html:(17):img标签和表单标签
生活随笔
收集整理的這篇文章主要介紹了
html:(17):img标签和表单标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
認識<img>標簽，為網頁插入圖片
在網頁的制作中為使網頁炫麗美觀，肯定是缺少不了圖片，可以使用<img>標簽來插入圖片。
語法：
<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">
舉例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
講解：
1、src：標識圖像的位置；
2、alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時），可看到該屬性指定的文本；
3、title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)；
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年的春天，一個想要成名名叫尼克?卡拉威（<a href="https://blog.csdn.net/weixin_43392489">托比?馬奎爾Tobey Maguire </a>飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p><p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="電影介紹"> </body> </html運行結果
使用表單標簽，與用戶交互
網站怎樣與用戶進行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就可以處理表單傳過來的數據。
語法：
<form method="傳送方式" action="服務器文件">講解：
1.<form> ：<form>標簽是成對出現的，以<form>開始，以</form>結束。
2.action ：瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。
3.method ： 數據傳送的方式（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>表單標簽</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>運行結果
總結
以上是生活随笔為你收集整理的html:(17):img标签和表单标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： springmvc请求返回一个字符_Sp
- 下一篇： Guava guava-18.0.jar