一、運行原理
(1)本地運行
自己寫的html網頁用電腦上瀏覽器打開,就是實現了本地運行。
可以把瀏覽器當成一個軟件,可以打開html文件。
(2)遠程訪問
遠程訪問就是你用自己電腦在網上瀏覽一些網站,例如百度,淘寶。
可以用tomcat服務器實現一個遠程訪問 的操作:
a.首先,自己寫一個html網頁,定義名字為:one.html
b.把one.html放在tomcat文件 -> webapps->新建一個文件夾(取名test)。
c.安裝好tomcat服務器,打開tomcat文件 -> conf -> server.xml
如圖,查看在<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/> ,記住端口port="8080"
d.然后在tomcat文件 的bin 中找到,雙擊,啟動服務器,彈出一個命令行界面:
最后一行顯示如圖特別加綠的文字,有時間,證明服務器開啟成功!
e.打開瀏覽器,自己輸入:http://localhost:8080/test/one.html ,localhost就是指本地主機,這里的8080 就是上圖顯示的端口號,效果見下圖:
可以正常顯示了!,但這還沒有實現遠程效果,接下來查看自己電腦的ip:在命令行界面輸入:ipconfig
得到ip:192.168.0.102
f.最后在瀏覽器中輸入:http://192.168.0.102:8080/test/one.html,相當於訪問一個主機的網頁,這個時候你可以跟這個手機連接同一個無線網絡中,都能進行訪問,見下圖:
左圖是電腦的顯示,右邊是手機訪問的效果,實現遠程訪問的效果。
二、html的開發工具
有很多,我列舉四個:
(1)筆記本
(2)notepad++
(3)myeclipse
(4)vs
一些公司要求你能用筆記本來制作一個小的網頁,這比較考驗技術,因為一些文字格式要自己巧出來,而且像圖片,視頻的調用就必須寫明絕對地址。
vs倒沒有操作過,但vs是一個非常強大的開發工具,尤其在C++方面表現突出。
myeclipse后面我們會進行操作,比筆記本寫網頁方便多了。
三、一些標簽
還有無屬性結構:<元素/>,例如換行標簽<br/>
特別說一下:這里的元素就是標簽。
<head>這里面放些網頁的信息,例如網頁命名,格式編碼</head> 但不會顯示在網頁中
<body>這里面寫網頁顯示的內容</body>
<h1></h1>標題標簽,字體大小為一號,共有六種(h1,h2,h3,h4,h5,h6),依次減少。
<font> 設置文字的屬性:大小(size),顏色(color),字體(face)
例如<font size=4 color=red face="楷體">你好</font>
size屬性值1-7,依次增大。
face屬性值就是文字字體,跟word文字字體通用。
<b> 字體加粗標簽</b>
由於有些符號不能正常的打印顯示出來,所以有一些實體:
例如: 空格
版權 ©