網頁設計——3.html運行原理,基本標簽


 

一、運行原理

(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>

 

由於有些符號不能正常的打印顯示出來,所以有一些實體:

例如:  空格   &nbsp;

             版權   &copy;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM