网页设计——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>
由于有些符号不能正常的打印显示出来,所以有一些实体:
例如: 空格
版权 ©