一、运行原理

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

网页设计——3.html运行原理，基本标签的更多相关文章

  1. Web应用运行原理

    web应用启动做了什么? 读取web.xml文件   - web.xml常用配置参数: 1).context-param(上下文参数)2).listener(监听器配置参数)3).filter(过滤器 ...

  2. jsp学习--JSP运行原理,九大隐式对象和JSP常用标签

    一.JSP运行原理 每个JSP 页面在第一次被访问时,WEB容器都会把请求交给JSP引擎(即一个Java程序)去处理.JSP引擎先将JSP翻译成一个_jspServlet(实质上也是一个servlet ...

  3. paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结

    paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结 响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 ...

  4. paip.自适应网页设计 同 响应 与设计的原理的差and实践总结

    paip.自适应网页设计 同 响应 与设计的原理的差and实践总结 响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 ...

  5. java_自定义标签运行原理

    一.自定义标签运行原理: 二.文字说明 1.IE->web服务器 2.Web服务器->jsp 3.遇到自定义标签,首先实例化标签所对应的标签处理器类 4.调用setPageContext方 ...

  6. jsp基本语法及运行原理

    一.jsp简介 JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由Sun Microsystems公司倡导.许多公司参与一起建立 ...

  7. 2 OpenWrt路由器系统开发与网页设计

    https://www.zhongkerd.com/news/content-729.html 摘 要: 目前商用WiFi路由器已应用到多个领域,商家通过给用户提供一个稳定免费WiFi热点达到吸引客户 ...

  8. 理解Web应用程序的代码结构和运行原理（3）

    1.理解Web应用程序的运行原理和机制 Web应用程序是基于浏览器/服务器模式(也称B/S架构)的应用程序,它开发完成后,需要部署到Web服务器上才能正常运行,与用户交互的客户端是网页浏览器. 浏览器 ...

  9. IT兄弟连 HTML5教程 HTML5的基本语法 了解HTML及运行原理

    了解HTML HTML(HyperText Marked Language)即超文本标记语言,是一种用来制作超文本文档的简单标记语言.我们在浏览网页时看到的一些丰富的影像.文字.图片等内容都是通过HT ...

随机推荐

  1. Summer Holiday

    Summer Holiday Time Limit: 10000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Tot ...

  2. ASP.NET Core的身份认证框架IdentityServer4（9）-使用OpenID Connect添加用户认证

    OpenID Connect OpenID Connect 1.0是OAuth 2.0协议之上的一个简单的身份层. 它允许客户端基于授权服务器执行的身份验证来验证最终用户的身份,以及以可互操作和类似R ...

  3. AngularJS学习篇（十八）

    AngularJS API AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如: 比较对象 迭代对象 转换对象 全局 API 函数使用 angular 对象进行访 ...

  4. 深入分析Android动画（二）

    上回书说到Android动画的分类以及基本使用,这会书主要说Android属性动画的原理,对于View动画的原理本篇不做深入分析.对于Android动画的基础请看深入分析Android动画(一) 我们 ...

  5. React + Node 单页应用「一」前端搭建

    项目地址 预览地址 原文地址 记录最近做的一个 demo,前端使用 React,用 React Router 实现前端路由,Koa 2 搭建 API Server, 最后通过 Nginx 做请求转发. ...

  6. PaaS 调研:GAE与 AWS（上）

    欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:韩伟 起因 PaaS作为"云"的概念,已经流行了很久.从使用的角度上看,似乎就是:写一个PHP,然后可以直接传到服务 ...

  7. Android开发之漫漫长途 Ⅱ——Activity的显示之Window和View（1）

    该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...

  8. mysql将字符串转化为数字

    我的字段为内容为数字,但是类型为字符串,需要使用CASE转换即可 SELECT MAX(CAST(C_id AS UNSIGNED)) INTO id 即查询出来最大的C_id,否则会按照字符串查询最 ...

  9. 初识React-Redux之粗暴理解入门

    权当暂记 日后再行补充完善,若有阅读者,请翻到下文黄色标题'从这里开始'起阅读. Rudex在我看来最本质做的事情就是将所有的State属性统一存储(一个属性就是一个注册到store的Reducer) ...

  10. C#中迭代器的概念和两种实现方式

    1.首先我们看下IEnumerable接口定义:   namespace System.Collections    {        // Summary:        //     Expose ...