html源码跟元素转换（html块级元素转换）
本文目录一览：
如何实现html代码与php代码互相转换
一、html代码转换成php代码
首先，使用dreamweaver等类似软件，将需要进行转换的html代码整理出来
其次，使用站长工具里面的html转换功能将html代码转换成php代码，如图所示：
需要转换的html代码
转换后的php代码
最后，将转换的后php代码放置到需要实现的php页面之后，即可实现php输出html代码。
二、如何将php代码转换成html代码
简单解决方法有2种：
方法一：将php页面生成html页面，直接查看html页面的源码，即可得到想要的html代码。
方法二：使用站长工具将php代码转换成html代码。具体详细步骤就不细说了。
想必看到此处，也许有不少人不知道为什么要做html与php的转换吧？html与php有什么作用呢？
一、使用php语言制作网页时，方便输出自己想要的html代码，减少代码的编写量，毕竟我只需要写一遍简单的html代码，即可得到php代码。（当然只是对于php新手来说，或许老手已经习惯了吧）
二、方便看不懂php代码的人也可知道这些php代码具体输出的是什么html代码，其实就是相当于在php代码中剔除了?php,?,echo,"",\n等字符而已，便于阅读吧！
三、最重要的一点，只为方便对此有需求的人，对此没有需求的人，其实任何作用都没有！
最后，学习php语言的小白们，如何输出html代码，不放先借用工具查看输出规则哦！有助于加快学习php的进度！当然，涉及数据库方面的输出，也需要用到html代码制作页面样式，所以，学习html代码与php代码如何转换，作用不可忽视！除非你只是纯输出数据库里面的数据而已！
HTML中 块级元素 如何转为 行内元素??
可以通过display: inline-block设置为行内元素。
步骤如下：
一、设计两个块级元素div，代码如下：
此时的块级元素显示效果：
二、设计两个块级元素div，添加属性 display:inline-block，代码如下：
此时的元素显示效果：
扩展资料
1、display:inline比较经典的用法是用在 ul 下的 li 中 内联 block一般一个块占一行，除非float inline是自动排为一行，就象段内的文字一样，可成为多行。
2、display:inline 的作用是设置对象做为行内元素显示，inline是内联对象的默认值（ps:内联对象就是不自动产生换行的元素，比如span） 而我们一般用的div是块级元素，默认display属性是block, 但将div的display设置为inline的话，则多个div可以象span一样显示在一行了。
3、display:inline 对应不显示为 display:none，display:block 对应不显示为 hidden。
参考资料来源：百度百科：display:inline
在html源代码中可以用代替吗?
可以的，但不规范。如果想让div跟span一样使用，要给div设置display：inline或者 display：inline-block属性。
div是块级元素，独占正行，可设置宽高、内外边距，而span元素是行内元素，在它的前后不会换行。
如何将HTML String 转换为 dom 元素
可以使用eval()方法。
eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。
下面是具体用法：
var code1='"a" + 2'; //表达式
var code2='{a:2}'; //语句
alert(eval(code1)); //-'a2'
alert(eval(code2)); //-undefined
//json字符串使用eval('('+string+')')方法转换成js对象。
alert(eval('(' + code2 + ')')); //-[object object]转换成对象。
