精华内容
下载资源
问答
  • html5写手机端页面

    千次阅读 2019-09-01 20:41:04
    众位大神,有没有使用html5,以Bootstrap框架为核心来写手机端页面的资料?希望得到大家帮助!!! 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown...

    众位大神,有没有使用html5,以Bootstrap框架为核心来写手机端页面的资料?希望得到大家帮助!!!

    欢迎使用Markdown编辑器

    你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

    新的改变

    我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

    1. 全新的界面设计 ,将会带来全新的写作体验;
    2. 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
    3. 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
    4. 全新的 KaTeX数学公式 语法;
    5. 增加了支持甘特图的mermaid语法1 功能;
    6. 增加了 多屏幕编辑 Markdown文章功能;
    7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
    8. 增加了 检查列表 功能。

    功能快捷键

    撤销:Ctrl/Command + Z
    重做:Ctrl/Command + Y
    加粗:Ctrl/Command + B
    斜体:Ctrl/Command + I
    标题:Ctrl/Command + Shift + H
    无序列表:Ctrl/Command + Shift + U
    有序列表:Ctrl/Command + Shift + O
    检查列表:Ctrl/Command + Shift + C
    插入代码:Ctrl/Command + Shift + K
    插入链接:Ctrl/Command + Shift + L
    插入图片:Ctrl/Command + Shift + G
    查找:Ctrl/Command + F
    替换:Ctrl/Command + G

    合理的创建标题,有助于目录的生成

    直接输入1次#,并按下space后,将生成1级标题。
    输入2次#,并按下space后,将生成2级标题。
    以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

    如何改变文本的样式

    强调文本 强调文本

    加粗文本 加粗文本

    标记文本

    删除文本

    引用文本

    H2O is是液体。

    210 运算结果是 1024.

    插入链接与图片

    链接: link.

    图片: Alt

    带尺寸的图片: Alt

    居中的图片: Alt

    居中并且带尺寸的图片: Alt

    当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。

    如何插入一段漂亮的代码片

    博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

    // An highlighted block
    var foo = 'bar';
    

    生成一个适合你的列表

    • 项目
      • 项目
        • 项目
    1. 项目1
    2. 项目2
    3. 项目3
    • 计划任务
    • 完成任务

    创建一个表格

    一个简单的表格是这么创建的:

    项目Value
    电脑$1600
    手机$12
    导管$1

    设定内容居中、居左、居右

    使用:---------:居中
    使用:----------居左
    使用----------:居右

    第一列第二列第三列
    第一列文本居中第二列文本居右第三列文本居左

    SmartyPants

    SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

    TYPEASCIIHTML
    Single backticks'Isn't this fun?'‘Isn’t this fun?’
    Quotes"Isn't this fun?"“Isn’t this fun?”
    Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

    创建一个自定义列表

    Markdown
    Text-to- HTML conversion tool
    Authors
    John
    Luke

    如何创建一个注脚

    一个具有注脚的文本。2

    注释也是必不可少的

    Markdown将文本转换为 HTML

    KaTeX数学公式

    您可以使用渲染LaTeX数学表达式 KaTeX:

    Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

    Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

    你可以找到更多关于的信息 LaTeX 数学表达式here.

    新的甘特图功能,丰富你的文章

    Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
    • 关于 甘特图 语法,参考 这儿,

    UML 图表

    可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::

    张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

    这将产生一个流程图。:

    链接
    长方形
    圆角长方形
    菱形
    • 关于 Mermaid 语法,参考 这儿,

    FLowchart流程图

    我们依旧会支持flowchart的流程图:

    Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
    • 关于 Flowchart流程图 语法,参考 这儿.

    导出与导入

    导出

    如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

    导入

    如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
    继续你的创作。


    1. mermaid语法说明 ↩︎

    2. 注脚的解释 ↩︎

    展开全文
  • 了个HTML页面,想用手机访问怎么办?有三种方式 一:xampp服务器(需要电脑一台,手机,xampp服务器)  具体实施步骤: 1.到官方下载xampp安装到电脑上 2.打开xampp,将好的H5页面放到XAMPP文件夹中的htdocs...
    写了个HTML页面,想用手机访问怎么办?有三种方式
    
    一:xampp服务器(需要电脑一台,手机,xampp服务器)
        具体实施步骤:
    1.到官方下载xampp安装到电脑上
    2.打开xampp,将写好的H5页面放到XAMPP文件夹中的htdocs文件夹中。
    3.查看本机的局域网IP地址,如:192.168.1.100,然后手机连接到与PC同一个路由器中(就是将手机的Wlan连接地址换为你计算机的IP)
    4.用手机浏览器打开:www.192.168.1.100/index.html
    二:用公司的服务器(电脑,手机)
    1.查看本机IP,如:192.168.1.100,然后手机连接到与PC同一个路由器中(就是将手机的Wlan连接地址换为你计算机的IP)
    2.用手机浏览器打开:www.192.168.1.100/index.html(www.192.168.1.100为公司的服务器网址);
    三:用IIS(电脑,手机)(不建议使用,一开始在家使用的IIS,在公司用的是第二种方法。)
    1.安装IIS,不用下载,电脑自带的(因为是微软他们家的,你只需要在电脑设置就行,记得把防火墙关闭。具体步骤我不写了,可百度。
    2.进入IIS,找到左边的导航“网站”右键选择“添加网站”
    3.填写和选择你的网站名字,路径,以及端口和IP,并“确定”
    4.左边网站就出现刚刚建立的新网站了,点击新网站名字,在中间找到“默认文档”点击
    5.右边的“操作”下面有添加,这里输入你要添加的默认文档的名字
    6.回到主面板,选择“应用程序池”,找到右边的“应用程序池默认设置”点击
    7.。将“启动32位应用程序设置”为true

    8.手机访问一定得保证手机和电脑在同一个局域网,并且电脑的防火墙是关闭的,输入IP地址就可以在手机上访问网站了



    发现一个问题就是,我是整理近期问题才会来csdn更新博客,所以导致好多小伙伴私信我的问题,我都是过了好久才看到,
    有不明白的地方,可以微博找我。 
    微博:璐飞童鞋。关注之后,私信即可。

    展开全文
  • 手机端不可以下载 在手机上点击test download,可以弹出下载框,但是下载文件名是一长串的字符。 ![图片说明](https://img-ask.csdn.net/upload/201812/24/1545619159_692777.jpg) ### 4.预期结果 在手机端...
  • 用html和css得页面要适应各种手机屏幕的话,的时候要注意以下几点: 整体页面的宽度百分之比表示,任意一个要设置宽度的元素都百分比表示。比如在整体的上设 width:100%; 要适应各个手机,在头部加入以下几...

    用html和css写得页面要适应各种手机屏幕的话,写的时候要注意以下几点:

    1. 整体页面的宽度用百分之比表示,任意一个要设置宽度的元素都用百分比表示。比如在整体的上设 width:100%;
    2. 要适应各个手机,在头部加入以下几段代码:
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-status-bar-style" content="black">
      <meta name="format-detection" content="telephone=no">

      这段代码的具体意思是

      content属性值 :
      width:可视区域的宽度,值可为数字或关键词device-width(设备的物理宽度)//这样就可以很大程度上的适应各个移动设备。而(width指的是页面宽度。)
      height:同width
      intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
      maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
      maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
      user-scalable:是否可对页面进行缩放,no 禁止缩放

    3. 在设置图片的时候要记得设置一张照片在页面上的宽度百分比。比如一张照片占一个界面的百分之30%。不能写死成孤单的px值,如果写死,就不能根据浏览器的大小(模拟手机屏幕大小)来进行图片的伸缩。

    4. 比如以下代码:
      <div class="pic_all">
      <img src="banli_1.jpg"/>
      </div>

      的css格式:
      .pic_all img{
      width: 100%;
      }

      这样我改变浏览大小,照片也是跟着改变的。
    5. 改变浏览器大小图片的效果显示:把浏览器拉宽显示照片
      把浏览器缩小显示照片说明照片都是自适应的。

    6. 当然更多手机移动端的适应还要结合响应式设计那些。这个只是初学者小结。

    展开全文
  • 我使用的是vs2013的asp.net了一个html5的网页,pc端上完美运行了,然后我想在手机上浏览看看效果如何,看看布局有没有出问题。目前我手机跟pc都在同一个局域网中,pc端浏览器输入的地址是:...
  • 使用vscodehtml页面在手机端实现预览 1.准备 在vscode 中下载 live Serve 扩展插件 2.设置 打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择...

    使用vscode写的html页面在手机端实现预览

    1.准备

    在vscode 中下载 live Serve 扩展插件

    2.设置

    打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择浏览器-----Settings: Host------设置局域网ip (在同一个局域网中);

    3.浏览

    在浏览的时候选择 open with live serve

    4.注意

    以上需在同一局域网中,手机端才可以预览。

    展开全文
  • vscodehtml页面在手机端实现预览

    千次阅读 2020-11-26 21:20:27
    vscodehtml页面在手机端实现预览 做了一个响应式网页,需要在手机端查看浏览,所以在电脑上找了很久的资料,对于这个问题,但是都不是很详细,虽然最后终于解决了这个问题,实现了手机端浏览。但是我还是想把这...
  • 如何用手机测试自己的web页面

    千次阅读 2019-06-11 17:38:58
    手机测试自己的web页面方法有很多,在这里稍微介绍一种,步骤如下  1 首先安装软件phpstudy,安装后打开如图    2 启动phpstudy    3 启动成功后,如图所示(注意:如果此处两个点没有变成绿色表示环境...
  • html5一个简单的手机app的设置界面

    万次阅读 2018-06-09 10:08:05
    DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-...
  • 电脑html5的静态页面,就是只有html,css的,如何能看到在安卓系统的手机里? 需不需要像java一样打一个jar?
  •  那么在这么一个大前端的环境下,客户端开发想html和js代码,又想在手机上看看效果,怎么办呢?  需要以下几个步骤: 大体流程:1. 安装webstorm,并设置webstorm,2,安装Charles,并设置charles。3. 设置...
  • 如果仅仅是想预览直接使用chrome开发者工具就好。 如果是想在手机端访问,可以在电脑端启动server服务。然后在手机上通过访问电脑端...做好把文件改为index.html 2.命令行执行 browser-sync start --server --files ...
  • 其实不难,今天我们就用html5来实现他们。简单的让你大开眼界。 HTML5 很容易,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这...有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你...
  • 用HTML写一个会员注册、登录界面

    万次阅读 多人点赞 2019-09-04 12:29:07
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>青春不常在,抓紧谈恋爱</title> </head> <body> <form action=""> <...
  • 用html写的意见调查表代码

    千次阅读 2017-07-17 14:47:24
    您使用过哪些品牌的手机?<input type="checkbox" name="phone" value="hTC"/>hTC <!--type="checkbox"为复选框的表示方式--> <input type="checkbox" name="phone" value="Apple"/>Apple ...
  • 用html+css+js简单页面

    万次阅读 多人点赞 2018-09-11 19:29:02
    js简单页面 效果图 html部分: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&...
  • 用html写一个简短的员工注册界面

    千次阅读 2016-07-02 15:35:38
    用html写一个简短的员工注册界面 下面这是我自己的一个小界面,有好多功能还不够完善,算是对html有个初步的了解了 mischen 表单 员工注册界面 编 号: value="请输入编号" >
  • 除了需要html5 jquery js 还需要什么技术?或者需要什么框架?
  • HtmlHtml写静态淘宝页面

    千次阅读 2020-11-01 10:45:41
    Html写淘宝页面源码HtmlCss 源码 Html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  • 分享30个html5手机网站模板源码

    千次下载 热门讨论 2015-05-18 09:46:10
    最近有很多网友问我有没有手机网站和html5网站的模板源码,刚开始的时候没有,收集了一段时间就收藏了30个,整理好第一时间分享给大家,不需要资源分就可以下载,希望分享30个html5手机网站模板源码这个资源可以帮到...
  • ... 3、填写和选择你的网站名字,路径,以及端口和IP,并...7、现在电脑上就可以访问了,手机访问一定得保证 手机和电脑在同一个局域网 ,并且 电脑的防火墙是关闭的 ,输入IP地址就可以在手机上访问网站了
  • 用HTML5实现手机摇一摇的功能并配上声音 HTML5的一个重要特性:DeviceOrientation,他将底层的方向传感器和运动传感器进行了高级封装,提供DOM事件支持。 DeviceOrientation这个特性包括两种事件: 1、device...
  • html手机端禁止放大缩小

    万次阅读 2017-01-11 20:18:57
    用手机了一个查看文件的界面,界面代码量很少,不繁琐但由于界面中加载的图片过大,每次双击放大或者手动放大缩小等都会引起页面的卡顿,于是乎想直截了当禁止放大缩小,代码很简单,但由于之前并未想到表示很...
  • 这个小游戏是无意间看到的,觉得很有意思,所以拿出来和大家一起分享lei 基本界面就是下面的,以后...DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> ...
  • html5手机视频直播

    千次阅读 2017-11-05 17:08:31
    关键字:手机视频直播、视频直播、html5视频直播 实现原理:一个视频采集页面,一个视频播放页面,一个node.js服务端程序。视频采集页面采集视频数据通过WebSocket发送到服务端,服务端转发到视频播放页面。
  • 题目:一个用于登录的表单,包含用户名、密码和手机号码。提交数据的时候,要求验证: 1. 用户名必须输入汉字; 2. 密码总共6位,前2位为字母,后4位为数字; 3. 手机号码符合中国大陆手机号码格式 如果输入错误,...
  • HTML5,调用手机前置摄像头,调用手机后置摄像头
  • 使用HTML手机端的登录界面

    万次阅读 2017-03-11 15:06:47
    应老师的要求硬着头皮做了这个手机端的登录页面,代码的很烂,不喜勿喷。 手机上运行的效果图: 下面是HTML代码: 登录 登录 要做适应手机屏的...
  • html5 微信开发 公众号 上传图片 图片上传 视频上传 上传视频 上传文件 手机拍照上传 手机录像上传
  • HTML5移动端手机网站开发

    万次阅读 2018-06-28 20:19:21
    手写手机网站一般我们自己手动开发手机网站的话,基本可以划分两类来做到。一类是通过在网页头部添加meta标签进行实现(网页指html5的格式来开发)。另一类是通过CSS3的Media标签(媒介查询)来实现。 在这里我们...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 262,365
精华内容 104,946
关键字:

如何用手机写html