python---前端标签 (有待补充)

<h1>:黑大粗
<p>:换行和隔行
<hr>分割线
<br>换行
<a href=''> 链接   锚(#id属性)
<img src='' alt='' title=''>
<ul> <ol> <d1>:<li>
<table border='1' cellspacing(单元格间距) cellpadding(单元格边距)>:<tr><td><th> 合并单格:rowspan
clospan
<div>
<span>
<form>
<input type='' name=''> 
name 作为传入server(服务器)的字典的键,vaule作为值
type='text','password','image'-----定义输入字段的初始值
type=‘checkbox','radio','image'-----定义与输入相关联的值
<select name=''>:<option value=''>
<label for=''></label>
<textarea>
</form>
归纳
<!DOCTYPE html>
<h6 lang='en'>
    <head>
        <meta charset="utf-8">
         <meta http-equiv='refresh' content='2;URL=https://www.baidu.com'>
        <meta http-equiv='refresh' content='2'>
        <div sytle='color:red'>hello,word</div>
        <title>liang</title>
        <style>
            div{
                color:red;
                background-color:darkgoldenrod;
            }
            span{
                color:green;
                background-color:yellow;
            }
        </style>
    </head>
    <body>
        
        <h1>liang</h1>
        <h2>liang</h2>    
        <h3>liang</h3>
    窗前明月光<br>
    我叫亮哥哥
    <p>窗前明月光</p><p>我叫亮哥哥</p>
    <h1 >hello world</h1>
    <p>hello world</p>    
    <div style="color: rebeccapurple">hello div</div>
    hello before
    <div>hello div2</div>hello after
    <span>hello span</span>
    <h1>hello</h1>hello h1<p>hello</p>hello p<b>给字体加粗</b>
    <em>变成斜体</em><strike>去除</strike><del>delete</del>2<sub>3</sub>
    2<sup>3</sup>
    hello&nbsp;&nbsp;yuan  &copy;
    &lt;h1&gt;
    <img src="1.jpg" width="200px" height="200px" alt="hehe" title="大美女">
    <a href="http://www.jd.com " target="_blank" title="hehh">百度</a>
    <a href="http://www.jd.com ">百度</a>
    <form action='index.html27.0.0.1:8090/index' method='get'>
        <p>姓名:<input type='text' name='username'></p>
        <p>密码:<input type='password' name='pwd'></p>
        <select>
            <optgroup label='北京'>
                <option value='beijing'>朝阳</option>
                <option value='tianjin'>海淀</option>
            </optgroup>
        </select>
        <textarea rows='20' cols='20'>自我简介</textarea>
        <label for='www'>姓名</label>
        <input id='www' type='text'>
        <p><input type='submit' vaule='press'></p>
        <p><input type='file' name='liang'></p>
        <p><input type='button' vaule='press'></p>
        <p>爱好:篮球<input type='checkbox' name='hobby' vaule='bsk'></p>
        <p>     足球<input type='checkbox' name='hobby' vaule='football'></p>
        <p>男<input type-'radio' name='sex' value='0'></p>
        <p>女<input type='radio' name='sex' value='1'></p>
    </form>
    </body>
</html>
html
<body>
    <div id='div_top'>top</div>
    <a href='#div1'>第一章</a>
    <a href='#div2'>第二章</a>
    
    <div id='div1'>第一章</div><a href='#div_top'>返回</a>
    <div id='div2'>第二章</div><a href='#div_top'>返回</a>
<h>和<p>的区别<h>加黑加粗,换行隔行。<p>只做换行隔行。
&lt;小于号          &gt;大于号           &nbsp;不间断空格              &copy;拷贝
<strike>==<del> 去除
optgroup 选项组    option选项    label 标签  select 查询   method 方法
textarea 文本框   rows 行数        cols  列数
submit 提交,登陆  button 按钮,纽扣  
checkbox 多选框  radio 单选框
div 分开  span 范围  meta 标签的优化
重点

 

posted @ 2018-01-08 16:00  liang哥哥  阅读(135)  评论(0编辑  收藏  举报