前端1

html      #不区分大小写

<head>

<title>爱辣波波鱼</title>       #标题   页面在浏览器上面显示的内容

</head>

<body>                                    #h标签

<h1>一级标题</h1>     #标题

<br>                              #换行符

<h2>二级标题</h2>

<p>标签</p>                 #自动换行

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

</boby>

<boby>                       #a标签

<a name = "top"></a>          #放在最上面(返回顶部的上联)

<a name = "#top">返回顶部</a>        #放在最下面(返回顶部的下联)

<a name = "#dibu">返回底部</a>          #放在最上面(返回底部的上联)

<a name = "dibu"></a>        #放在最下面(返回底部的下联)

 <a href = "链接" target = "_self/_blank">www.baidu.com</a>       

     #href是超链接   连接本地和网址

     #target是跳转到连接后的弹出方式(_self是在本页面直接跳转/_blank是重新开启一个新的页面)

<a title = "鼠标上方来显示的文字">好吃</a>   #title是鼠标放在好吃上显示的文字

</boby>

<body>      #img标签 (放图片)

<img src = "图片路径" alt = "图片介绍" width = "图片宽度" height = "图片高度" align = "right/ left"></img>    #  align放的位置(left靠左/right靠右)

</body>

<body>         #ul无序列表

<ul type = "circle/solid/square">         #无序列表 solid 实心圆(默认)circle 空心圆 square正方块

  <li>麻辣学院</li>

  <li>酱香番茄</li>

</ul>

</body>

<body>             #有序列表

<ol type = "1" start = "从几开始">         #type是数字类型(a、A、1、Ⅰ)   start 是从几开始

  <li>秘制番茄<li>

  <li>麻辣酸菜<li>

</ol>

</body>

<body>           #列表

<dl>

  <dt>超级会员</dt>     #渲染出来比<dd>前一个级别

  <dd>会员</dd>     #渲染出来比<dt>后一个级别

</dl>

</body>

<table >            #表格标签,  border:边框类型    bordercolor:边框颜色    bgcolor:背景颜色 background:背景图片     width:背景图片宽度     align:对齐方式     style="border-collapse:collapse"让表格的线变成实心线.

  <tr>            #代表一行

    <td>陕西</td>    #代表一行内的一个单元格      #rowspan 纵向和并    #colspan 横向和并

    <td>西安</td>

  </tr>

  <tr>

    <td>哈哈</td>

    <td>呼呼</td>

  </tr>

</table>

<body>
<form action="127.0.0.1:8000" method="get">

<label for="1">用户名:</label>
<input type="text" id="1" name="username" value="车干" height="32px">

<br>
<br>
密码:
<input type="password">
<input type="checkbox">
<input type="radio" name="gender">
<input type="radio" name="gender">
<br>
<input type="submit" value="提交">
<input type="button" value="提交">
<input type="file" >
<input type="date">
<input type="image" width="20px">

<select multiple size="10">
<option value="zhengyanggao" >蒸羊羔</option>
<option value="zhengxiongzhang">蒸熊掌</option>
<option value="">蒸鹿尾</option>
<option value="">烧花鸭</option>
<option value="" selected>一盆米饭我够了</option>
</select>
<br>
<textarea></textarea>
</form>
</body>
10.form表单;action:对应要提交的网络地址;method:get和post两个方法,默认是get.

​ input的类型们

- text普通文本输入框
- password,密文文本输入框
- checkbox,多选框,多用来服务条款点那个对号
- radio,单选,多用于选择性别,name得统一才能实现单选
- file,文件上传按钮
- date,日期选择框
- submit:form表单提交数据时候用它
- button:普通按钮
- image:一个图片,自带submit,src(王瑞东)=图片地址.
- select:下拉菜单,更改下拉菜单的多选multiple,size
- option下拉的每一个选项,默认选中此选项用selected
- textarea:文本输入框,可改变大小.








猜你喜欢

转载自www.cnblogs.com/hahahu/p/10181542.html
今日推荐