html-css3-day01

dayo01
老师所讲内容
axure的rp文件保存成本地的html文件。
原因:方便客户去看原型图。如果客户那边没有axure软件的话,咱们如果只给了rp文件,那么客户是打不开的。
如果axure设计的比较好,你可以直接生成html文件到本地,可以当做毕业设计展示。
axure在【发布到本地】,和【预览】的一个区别
发布到本地,实际上是在本地文件系统中有了html文件。
观看效果:file:///绝对路径
或者打开本地文件系统,找到start.html页面。在浏览器上打开。
预览,实际上将html项目部署到了内置的服务器上。本地是没有这个html文件的。
url http://127.0.0.1:32767/start.html
统一资源定位符
ip地址:端口号 域名
39.156.66.18:80 www.baidu.com

  访问百度
    www.baidu.com
    http://39.156.66.18:80/index.html
    http://39.156.66.18:80/index.php
  ip地址定位到某一台服务器上(电脑)
  端口号定位到指定服务器上的某一个应用程序内(软件)

  在浏览器上看到页面实际上都是访问的别人部署到一台机器上的服务器内的。
    广义服务器  一台电脑,部署项目的
    狭义服务器    apache服务器,ngix服务器...(前端)
                 apache tomcat服务器。(后台)
  ip 
    淘宝
    京东
    百度
  在浏览器地址栏输入内容,访问到一个页面
    B/S架构的项目   (系统本来就有)
  下载安装包
    C/S架构的项目  (下载下来的)

**windows+r运行面板  cmd回车  打开终端,控制台**

localhost    127.0.0.1  代表本机
  http://localhost:80
  https://localhost:443

浏览器发送请求,服务器给出响应
  前后端进行数据交互
    http协议
      请求头部   请求体
      响应头部   响应体

加粗样式

1 file:///…为本地文件,用户不下载软件也可以进行观看,观看方式打开本地文件系统,找到start.html页面。在浏览器上打开
在axure中进行预览的,用户若没有下载axure软件则不能进行观看,地址表示应该为127.0.0.1…
2 http协议
浏览器发送请求,服务器给出响应
请求头部 请求体
响应头部 响应体
URL为统一资源定位符
IP地址:可在windows+r建-输入cmd-点击确定,打开运行的终端,控制台
如你想知道百度IP地址则输入ping www.baidu.com出现IP地址
端口号:系统默认的端口号为80
百度 ip地址:端口号 域名
61.135.169.121:80 www.baidu.com
3 html文档
(1)基本代码在Visual软件里新建html文件输入**!加teb键或者!加回车键**
其中:< html>是html的根元素,用来包含HTML文档的所有元素,为开始标签,对应< /html>
< head>头部,对应< /head>
< meta charset=“UTF-8”>是一个单标签,不需要对应尾部
< body>身体,预览文件是显示的内容都在body中,对应< /body>
< title>设置标题
切换行注释,删除行注释,添加行注释我设置的都是**!+tab键**
小知识注释表示形式< !-- -->
4 html元素
元素有块级元素,行内元素,空元素,替代元素
块级元素:< div>< p>这些都是单独形成一行
行内元素:不是单独成一行的,预览到游览器右键点击查看元素后者直接按f12键可以打开游览器的控制台,可以看内容的大小以及位置
空元素:img 常见
替代元素:< input>常见
5 html属性
< div id=“one” class=“test” title=“我是div的标题” style=“color:red;background-color:greenyellow”>
属性写在开始标签内,属性与属性之间通过空格隔开,属性与属性值之间使用=隔开,属性值要用双引号包裹
id是唯一标识
class是标识一类元素
style是样式
< style>
/选择id为one的元素 #one/
/选择class为test的元素 .test/
#one{
/边框:10px的宽 实线 粉色/
border: 10px solid pink;
}
< /style>可设置边框
小知识属性格式如id=“one”,写出id时回车键加/键出现=" "
6实体
有一些自己想要的,比如多个空格,是在html中打不出来的,这时需要用实体
常用的一些实体:空格用& nbsp;,**<**用&lt;, **>**用&gt;,
**&**用&amp
小知识:如果你想要复制html文件里的代码,在复制的那行的任意位置直接点击ctrl+c复制,ctrl+v粘贴
7标签
一级标题,二级标题,…这些标题的字大小都是慢慢缩小的
< strong>强调< /strong>表示强调
< em>强调< /em>B表示强调
< b>加粗< /b>表示加粗
< i>斜体< /i>表示斜体
< u>下划线< /u>表示下划线
注注注一定要保存以后再预览,时刻记得保存 ctrl+s

发布了24 篇原创文章 · 获赞 1 · 访问量 428

猜你喜欢

转载自blog.csdn.net/hanmiao12345/article/details/104483458