整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
今我們在互聯網上每天都在瀏覽各式各樣的網頁，網頁已經成為了我們獲取信息的主要載體。想要知道一個簡單的網頁是怎么寫出來的嗎，下面跟著我動手實際操作一下吧。
1.在電腦桌面右鍵新建一個文本文件，在里面輸入網頁的基本結構如下。
網頁最主要的框架就是這樣，有head標簽，body標簽，然后最外層是html標簽。
head標簽里面的title標簽相當于你的網頁的題目，在瀏覽器中顯示如下：
body標簽主要就是存放網頁中的內容，你所看到的文字和圖片就是寫在這個標簽里面的。
2.下面就可以開始搭建一個屬于你自己的簡單的網頁了。
body里面的h標簽里面的文字相當于你文章的題目，h1相當于主標題，h4相當于副標題。h標簽有h1~h6，數字越小標題的字號也就越小。p標簽里面存放的文字就像是你文章的一個個段落，他會進行換行。
3.最后點擊文件保存，將文件的后綴由.txt改為.html，雙擊就可以在瀏覽器上看到最后的效果了。
小伙伴們學會了嗎，趕快去創建一個屬于你自己的網頁吧。
用HTML怎么制作網頁呢?靜態網站的編寫主要是用HTML DIV+CSS JS等來完成頁面的排版設計 ? ,常用的網頁設計軟件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的還是DW，當然不同軟件寫出的前端Html5代碼都是一致的。
一、網站布局方面：計劃采用目前主流的、能兼容各大主流瀏覽器、顯示效果穩定的浮動網頁布局結構。
二、網站程序方面：計劃采用最新的網頁編程語言HTML5+CSS3+JS程序語言完成網站的功能設計。并確保網站代碼兼容目前市面上所有的主流瀏覽器，已達到打開后就能即時看到網站的效果。
三、網站素材方面：計劃收集各大平臺好看的圖片素材，并精挑細選適合網頁風格的圖片，然后使用PS做出適合網頁尺寸的圖片。
四、網站文件方面：網站系統文件種類包含：html網頁結構文件、css網頁樣式文件、js網頁特效文件、images網頁圖片文件;
五、網頁編輯方面：網頁作品代碼簡單，可使用任意HTML編輯軟件(如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作)。 其中： (1) html文件包含：其中index.html是首頁、其他html為二級頁面; (2) css文件包含：css全部頁面樣式,文字滾動, 圖片放大等; (3) js文件包含：js實現動態輪播特效, 表單提交, 點擊事件等等(個別網頁中運用到js代碼)。
<html>
<head>
<title>這是網頁標題</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="keywords" content="這是關鍵字"/>
<link href="css文件路徑" rel="stylesheet"/>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
</body>
</html>標簽 | 含義 | 常用屬性 |
a | 超鏈接 | href / target / title |
img | 圖片 | src / alt / title / width / heiht |
h1-h6 | ||
p | ||
br | ||
hr | ||
em | ||
strong | ||
i | ||
span | ||
div |
ID | CLASS | 標簽 |
100 | 10 | 1 |
樣式 | 含義 | 屬性值 |
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
