一、运行原理

（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. Codeforces Round #431 (Div. 1)

    A. From Y to Y time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  2. Pie

    Problem Description My birthday is coming up and traditionally I'm serving pie. Not just one pie, no ...

  3. 暑假练习赛 003 F Mishka and trip

    F - Mishka and trip Sample Output   Hint In the first sample test: In Peter's first test, there's on ...

  4. YUM源、磁盘基础知识 CDN概念

    第1章 YUM源 1.1 什么是yum源 Yellowdog Updater, Modified 一个基于RPM包管理的字符前端软件包管理器.能够从指定的服务器自动下载RPM包并且安装,可以处理依赖性 ...

  5. Problem E: 可变长数组

    Problem E: 可变长数组 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 472  Solved: 368[Submit][Status][Web ...

  6. Webpack打包构建太慢了？试试几个方法

    Webpack是个很流行的打包工具,但其打包速度却一直被吐槽着 如果不用上一些打包的优化建议,单单打包两三个文件就能花上好几秒,放上几十个入口文件依赖几百上千个包的话,几分钟十几分钟妥妥的 本文整理了 ...

  7. OpenCV畸变校正源代码分析

    图像算法中会经常用到摄像机的畸变校正,有必要总结分析OpenCV中畸变校正方法,其中包过普通针孔相机模型和鱼眼相机模型fisheye两种畸变校正方法. 普通相机模型畸变校正函数针对OpenCV中的cv ...

  8. git 在linux下服务端搭建

    本文以centos为例,其他linux请自行参照对应方式. 1. 服务端安装git yum install git 2. 服务端添加无shell登录权限的用户,将username替换为要添加的用户 u ...

  9. gulp一般使用

    gulp的基本使用总结了一下几点: 1.gulp-ejs的使用 [ file include,html文件合并 ]: let ejs = require("gulp-ejs"); ...

  10. javaMybatis映射属性，高级映射

    映射文件的sql属性: id:标识符(一般都是dao层方法名) resultType:sql返回类型 resultMap:放回的映射类型 parameterType:参数类型 useGenerated ...