博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页设计——3.html运行原理,基本标签
阅读量:5240 次
发布时间:2019-06-14

本文共 1377 字,大约阅读时间需要 4 分钟。

 

一、运行原理

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

 

转载于:https://www.cnblogs.com/mowenrensheng/p/7873615.html

你可能感兴趣的文章
Python(软件目录结构规范)
查看>>
Windows多线程入门のCreateThread与_beginthreadex本质区别(转)
查看>>
Nginx配置文件(nginx.conf)配置详解1
查看>>
linux php编译安装
查看>>
name phone email正则表达式
查看>>
721. Accounts Merge
查看>>
「Unity」委托 将方法作为参数传递
查看>>
重置GNOME-TERMINAL
查看>>
redis哨兵集群、docker入门
查看>>
hihoCoder 1233 : Boxes(盒子)
查看>>
oracle中anyData数据类型的使用实例
查看>>
C++对vector里面的元素排序及取任意重叠区间
查看>>
软件测试——性能测试总结
查看>>
12.4站立会议
查看>>
Java Concurrentmodificationexception异常原因和解决方法
查看>>
客户端访问浏览器的流程
查看>>
codeforces水题100道 第二十二题 Codeforces Beta Round #89 (Div. 2) A. String Task (strings)
查看>>
c++||template
查看>>
[BZOJ 5323][Jxoi2018]游戏
查看>>
编程面试的10大算法概念汇总
查看>>