网页设计——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>
由于有些符号不能正常的打印显示出来，所以有一些实体：
例如： 空格
版权 ©
网页设计——3.html运行原理，基本标签的更多相关文章
- Web应用运行原理
web应用启动做了什么? 读取web.xml文件 - web.xml常用配置参数: 1).context-param(上下文参数)2).listener(监听器配置参数)3).filter(过滤器 ...
- jsp学习--JSP运行原理,九大隐式对象和JSP常用标签
一.JSP运行原理 每个JSP 页面在第一次被访问时,WEB容器都会把请求交给JSP引擎(即一个Java程序)去处理.JSP引擎先将JSP翻译成一个_jspServlet(实质上也是一个servlet ...
- paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结
paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结 响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 ...
- paip.自适应网页设计 同 响应 与设计的原理的差and实践总结
paip.自适应网页设计 同 响应 与设计的原理的差and实践总结 响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 ...
- java_自定义标签运行原理
一.自定义标签运行原理: 二.文字说明 1.IE->web服务器 2.Web服务器->jsp 3.遇到自定义标签,首先实例化标签所对应的标签处理器类 4.调用setPageContext方 ...
- jsp基本语法及运行原理
一.jsp简介 JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由Sun Microsystems公司倡导.许多公司参与一起建立 ...
- 2 OpenWrt路由器系统开发与网页设计
https://www.zhongkerd.com/news/content-729.html 摘 要: 目前商用WiFi路由器已应用到多个领域,商家通过给用户提供一个稳定免费WiFi热点达到吸引客户 ...
- 理解Web应用程序的代码结构和运行原理（3）
1.理解Web应用程序的运行原理和机制 Web应用程序是基于浏览器/服务器模式(也称B/S架构)的应用程序,它开发完成后,需要部署到Web服务器上才能正常运行,与用户交互的客户端是网页浏览器. 浏览器 ...
- IT兄弟连 HTML5教程 HTML5的基本语法 了解HTML及运行原理
了解HTML HTML(HyperText Marked Language)即超文本标记语言,是一种用来制作超文本文档的简单标记语言.我们在浏览网页时看到的一些丰富的影像.文字.图片等内容都是通过HT ...
随机推荐
- swift 之 namespace
场景: 项目中类名过长,造成不能根据文件名区分出来,并且如果一个模块的类较多时,很难取一个比较优雅的名字.为了使模块名可读, 我们一般的做法就是添加模块前缀.但是如果模块中还有个子模块,如果还继续按 ...
- 机器学习之二：K-近邻(KNN)算法
一.概述 K最近邻(k-Nearest Neighbor,KNN)分类算法,是一个理论上比较成熟的方法,也是最简单的机器学习算法之一.该方法的思路是:如果一个样本在特征空间中的k个最相似(即特征空间中 ...
- C++ 多态与虚函数
1.多态的概念 由虚函数实现的动态多态性就是:同一类族中不同类的对象,对同一函数调用作出不同的响应. 先看下面这个简单的例子: #include<iostream> using std:: ...
- poj 3484 Showstopper
Showstopper Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 2236 Accepted: 662 Descri ...
- css基础语法三
[]伪类选择器] 1.写法: 伪类选择器,在选择器后面,用:分隔,紧接伪类状态: eg : .a:link 2. 超链接的伪类状态: :link - 未访问状态 :visited - 已访问状态 :h ...
- sass学习--安装ruby
1.下载ruby:https://rubyinstaller.org/downloads/ 2.安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Promp ...
- Java多线程synchronized关键字
synchronized关键字代表着同步的意思,在Java中被synchronized修饰的有三种情况 1.同步代码块 //锁为objsynchronized(obj){ while(true){ i ...
- 数据结构--汉诺塔递归Java实现
/*汉诺塔递归 * 1.将编号0-N-1个圆盘,从A塔座移动到B上面 * 2.将编号N的1个圆盘,从A移动到C上面 * 3.最后将B上面的N-1个圆盘移动到C上面 * 注意:盘子的编号从上到下1-N ...
- EF动态拼接查询
1.业务中遇到个问题,需要查询如某表的id为1或者2或者3,这里是根据传递参数获取如:传递1,2或者1,3或者1,2,3这里在sql中很好拼接如下: or id= or name=3//3代表另一个字 ...
- 使用 ConfigSource 特性 拆分 Web.config 文件
一个大项目里可能会有非常多个配置参数,有.Net自己支持的配置(比如WCF,AppSettings),还有一部分是自定义的配置(比如继承自ConfigurationSection和Configurat ...