HTML做个数据录入的模板。如下参考：
1、首先新建一个html，点击<body></body>中间，先填入表格内容：
2.内容可根据要求编写，示例代码如下：
<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3.然后在<head></head>中间输入样式表的样式，如下图：
4.样式也可以根据个人需要设置，设置单元格的宽度高度，合并单元格，位置，颜色等，示例代码如下：
<style type="text/css">
body
{
width:340px
height:800px
}
table
{
border-collapse:collapse
}
th,td
{
width:100px
height:40px
border:1pxsolidblack
font-size:12px
text-align:center
}
</style>
5.注意，此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。
6.预览结果如下图所示，一个制作简单的HTML模板。
正则表达式<(\S*?) [^>]*>.*?</\1>|<.*? />
匹配
<html>hello</html>|<a>abcd</a>
abc|123|<html>ddd
正则表达式
^[^<>`~!/@\#}$%:)(_^{&*=|'+]+$
匹配
This is a test
不匹配
<href = | <br>| That's it
正则表达式
<!--.*?-->
匹配
<!-- <h1>this text has been removed</h1>-->| <!-- yada -->
不匹配
<h1>this text has not been removed</h1>
正则表达式
(\[(\w+)\s*(([\w]*)=('|")?([a-zA-Z0-9|:|\/|=|-|.|\?|&]*)(\5)?)*\])([a-zA-Z0-9|:|\/|=|-|.|\?|&|\s]+)(\[\/\2\])
匹配
[link url="http://www.domain.com/file.extension?getvar=value&secondvar=value"]Link[/li
不匹配
[a]whatever[/b] | [a var1=something var2=somethingelse]whatever[/a] | [a]whatever[a]
正则表达式
href=[\"\'](http:\/\/|\.\/|\/)?\w+(\.\w+)*(\/\w+(\.\w+)?)*(\/|\?\w*=\w*(&\w*=\w*)*)?[\"\']
匹配
href="www.yahoo.com" | href="http://localhost/blah/" | href="eek"
不匹配
href="" | href=eek | href="bad example"
正则表达式
"([^"](?:\\.|[^\\"]*)*)"
匹配
"This is a \"string\"."
不匹配
"This is a \"string\".
正则表达式
(?i:on(blur|c(hange|lick)|dblclick|focus|keypress|(key|mouse)(down|up)|(un)?load|mouse(move|o(ut|ver))|reset|s(elect|ubmit)))
匹配
onclick | onsubmit | onmouseover
不匹配
click | onandon | mickeymouse
正则表达式
(?s)/\*.*\*/
匹配
/* .................... */ | /* imagine lots of lines here */
不匹配
*/ malformed opening tag */ | /* malformed closing tag /*
正则表达式
<(\S*?) [^>]*>.*?</\1>|<.*? />
匹配
<html>hello</html>|<a>abcd</a>
不匹配
abc|123|<html>ddd
正则表达式
\xA9
匹配
©
不匹配
anything
正则表达式
src[^>]*[^/].(?:jpg|bmp|gif)(?:\"|\')
匹配
src="../images/image.jpg" | src="http://domain.com/images/image.jpg" | src='d:\w
不匹配
src="../images/image.tif" | src="cid:value"
正则表达式
/\*[\d\D]*?\*/
匹配
/* my comment */ | /* my multiline comment */ | /* my nested comment */
不匹配
*/ anything here /* | anything between 2 seperate comments | \* *\
正则表达式
<[a-zA-Z]+(\s+[a-zA-Z]+\s*=\s*("([^"]*)"|'([^']*)'))*\s*/>
匹配
<img src="test.gif"/>
不匹配
<img src="test.gif">| <img src="test.gif"a/>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）