首页 > 技术文章 > 网页设计——3.html运行原理,基本标签

mowenrensheng 2017-11-21 16:00 原文

 

一、运行原理

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

 

推荐阅读