2.HTML基本格式
一、
???1、先在“文件”中打開文件夾,選擇一個文件夾,在“查看”中的“側邊欄”中可以顯示/隱藏工作欄。
???2、在“文件”中新建文件夾,在“文件夾”保存或"Ctry+S"保存,彈出讓你保存的位置,選擇保存在“第一步”選中的文件夾,取名(例如index.html)。
二、
???在完成“一”中的過程后.
???1、直接輸入‘html’后點擊‘Tab’會出現基本內容,還要在輸入“<meta charset="utf8">”。
???2、例如輸入‘head’,‘body’,‘a’等再點擊“Tab”會自動補全。
???3、個別軟件具有自動補全功能,例如在輸入“<head>”,在其后輸入“<”,在輸入“/”會自動補全。(我的sublim一開始可以,漢化后居然沒了...)
???4、實踐代碼的方法是,打開保存文件的地方,打開瀏覽器(可以說ie10,Firefox,谷歌),拖住文件放置瀏覽器中即可。
三、
???1、DOCTYPE:
??????????文檔類型聲明,相當于頭文件.
??????????以<!DOCTYPE html>形式在第一行。
???2、html 元素:
??????????元素是標簽的意思,所以這里是 ?html標簽 ,html出現在開端和結尾。
??????????以<title></title>形式出現。
???3.lang=“zh-cn”:
??????????表示采用的語言為:簡體中文。不寫這個表示英文。
???4.head ?元素:
??????????包含數據內容。
???5.title 元素:
??????????顯示瀏覽器左上方的標題。
??????????<title>百度</title>
???6.meta ?元素:
???????????提供文檔的類型,我們編寫的代碼類型放到網頁(類型是“utf8”)上會出現亂碼,而IE瀏覽器比較嚴格,所以攜程“utf-8”
???????????所以在title前輸入<meta charset="utf8">。
???7.body ?元素:
???????????用來包含文檔內容,頁面內的內容都在這里。
???8.a ?元素:
???????????一個超鏈接,能跳轉到其他網頁。
???????????<a href="http://www.baidu.com">百度</a>
??
?????????????????????舉例: ?????<!DOCTYPE html>
?????????????????????????????????<html>
?????????????????????????????????<head>
?????????????????????????<meta charset="utf8">
?????????????????????????<title>基本格式</title>
?????????????????????????????????</head>
?????????????????????????????????<body>
?????????????????????????????????<a href="http://www.baidu.com">百度</a>
?????????????????????????????????</body>
?????????????????????????????????</html>
?
轉載于:https://www.cnblogs.com/keshuai752100461/p/8484835.html
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的2.HTML基本格式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 快速统计hbase中某张表中数据条数
- 下一篇: input type=range标签用法