body 标签

 <b>你好 字体加粗    <i>  我好 斜体      <u>她也好 下划线         <s>大家都好 横线

标签分类两类:        html标签:超文本标记语言,就是标记用的。

    内敛标签(行内标签):不独占一行 ,内敛标签只能嵌套内敛标签    <b>    <i>    <u>    <s>   button   span   img

    块级标签(行外标签):自己独占一行,可以嵌套内敛标签和某些块级标签     h1--h6    br     hr(横线隔开)  <p>(段落标签) div

    p标签:不能嵌套p标签,也不能嵌套块级标签

换行标签    <br>

<div>    不占一行,没有任何其它效果    白纸上画画

<span>     不占一行,没有任何效果

<img src="12.jpg" alt="sdadsas">   
img标签:
    属性 src=‘图片路径’ 网络地址的绝对路径本地相对路径
        alt=‘xxx’ 描述当图片没有下载下来的时候显示的描述
        title=‘xxx’ 当鼠标停留的时候显示描述
        width=‘xx’ 宽度为多少像素
        height=‘xx’ 高度为多少像素
            <img src="1.jpg" alt="sdadsas" title="美女" width="200" height="200">
a标签:       <a href="https://www.baidu.com" target="_blank">百度</a    属性   href  : 超链接地址
        target:是否新建窗口   _blank (新窗口)   _self(当前窗口)
列表标签 ul 无序列表
    属性
      disc 实心圆点 默认值
      circle 空心圆圈
      square 实心方块
      none 无样式
       
1     <ul type="circle">
2         <li>太白</li>
3         <li>alex</li>
4         <li>景女神</li>
5     </ul>
    ol  有序列表
        属性 type 1数字列表,默认值
                  A大写字母
                  a小写字母
                  I 大写罗马
                  i小写罗马
      start=‘1’ 起始位置从几开始
1     <ol type="A">
2         <li>大壮</li>
3         <li>wusir</li>
4         <li>alex</li>
5     </ol>
标题列表
1 <dl>
2         <dt>菜单</dt>
3         <dd>b哥炒鸡蛋</dd>
4         <dt>菜单2</dt>
5         <dd>水煮李帅</dd>
6 
7     </dl>

空格: 1 <dt>&nbsp;&nbsp;</dt> 

大于号小于号: 1 <dd>b哥&lt;&gt;鸡蛋</dd> 

表格标签
      
 1 <table border="1" cellpadding="10" cellspacing="20">
 2         <thead>
 3             <tr>
 4                 <td>姓名</td>
 5                 <td>年龄</td>
 6                 <td>爱好</td>
 7             </tr>
 8         </thead>
 9         <tbody>
10         <tr>
11             <td>B哥</td>
12             <td>40</td>
13             <td>炒鸡蛋</td>
14         </tr>
15         <tr>
16             <td>大壮</td>
17             <td>38</td>
18             <td>抽烟喝酒烫头</td>
19         </tr>
20         <tr>
21             <td>雪飞</td>
22             <td>18</td>
23             <td>大壮</td>
24         </tr>
25         </tbody>
26     </table>

    cellpadding: 文字和内边框的距离

    cellspacing: 内边框和外边框的距离

    border: 边框的宽度

input标签:用户输入

    type 属性:控制输入框的样式的

    name属性:分组,携带数据的key     key:value

    value:选择框提交数据的值,输入框的默认值

    submit:提交按钮     value改按钮的名字      button按钮也可以

    date:日期输入框

    CheckBox:复选框

    radio:单选框

    reset:重置按钮

    hidden:隐藏输入框

    file:文本选择框

  checked默认选中

1     <input type="radio" name="sex" value="male" checked>2     <input type="radio" name="sex" value="female">3     <input type="checkbox" name="hobby" value="1">喝酒
4     <input type="checkbox" name="hobby" value="2">抽烟
5     <input type="checkbox" name="hobby" value="3">烫头

  readonly设置为只读   针对的是输入框   text   password

  disabled   不允许操作   所有的input都可以设置

  设置了readonly的标签,它的数据可以被提交到后台,设置了disabled的数据,是不能提交到后台

1     用户名:<input type="text" name="user" value="admin" readonly>
2     密码:<input type="password" name="password" disabled>

     select 标签:放在form标签里面使用

1 <select name="city" multiple>   多选
2         <option value="1" selected >上海</option>
3         <option value="北京">北京</option>
4     </select>

    属性:multiple   :  布尔属性,设置后为多选下拉框,否则默认单选

       disabled : 禁用

       selected : 默认选中该项

       value : 定义提交时的选项值

label标签:

1     <label for="username">用户名</label>
2     用户名:<input id="username" type="text" name="user" value="admin" readonly>
3     <label>
4         密码:<input type="password" name="password" disabled>
5     </label>

两种方式。   for:执行对哪个标签进行标识             效果:点击lable标签中的字,就能让标识的标签获得光标

textarea:  多行文本

    属性:name:名称

       rows:行数    相当于文本框的高度设置

       cols : 列数    相当于文本框长度设置

       disabled : 禁用

form   表单    form表单触发提交数据的操作:submit     button    必须卸载表单的里面

 1 <form action="http://127.0.0.1:8001">
 2     用户名:<input type="text" name="user">
 3     密码:<input type="password" name="password">
 4     <input type="radio" name="sex" value="male"> 5     <input type="radio" name="sex" value="female"> 6     <input type="checkbox" name="hobby" value="1">喝酒
 7     <input type="checkbox" name="hobby" value="2">抽烟
 8     <input type="checkbox" name="hobby" value="3">烫头
 9     <input type="submit">
10 </form>

action  指定数据提交路径

原文地址:https://www.cnblogs.com/ch2020/p/12938599.html