前端学习笔记2 | 青训营

82 阅读2分钟

经过青训营的学习,让我对前端更加感兴趣,前端是个漫长的过程,但也不能急迫,要学好基础才能更好的理解。

HTML基础标签

一、表格

简单列表写法

<table align="center" border="2" cellpadding="5" cellspacing="1" width="100"> <tr> <th>xm</th> <th>xb</th> <th>age</th> </tr> <tr> <td>ljm</td> <td>nv</td> <td>11</td> </tr> </table>

th 表头标签 加粗居中

tr 行

td 列

合并单元格

跨行合并:rowspan=“合并单元格的个数” 跨列合并:colspan=“合并单元格的个数” 跨行在最上侧写合并代码 跨列在最左侧写合并代码

无序列表 ul li

有序列表 ol li

自定义列表 dl dt dd

dl里只能放dt和dd

二、表单域 1.表单域form

2.表单控件 input输入表单 select下拉表单 textarea文本域

input输入表单元素(单标签)

type属性值

  • radio可以实现多选一,需要name相同
  • checkbox可以多选
  • submit提交按钮,信息传到后台
  • reset重置

input除了type的其他标签属性

  • name和value是每个表单元素都有的属性值,主要后台使用。
  • name要求单选按钮和复选框要有相同的name值。
  • checked 默认选中,写成checked=“checked”。
  • maxlength=“6”,最多输入6个字符。
用户名:<input type="text" value="请输入用户名"><br>
性别:男<input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女">
爱好:吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉<input type="checkbox" name="hobby" value="睡觉"><br>
label标签 点击文字跳转表单
<label for="yhm">用户名:</label>
<input type="text" value="请输入用户名" id="yhm">
  • for和id属性相同
  • 点击用户名就可以对应地方填写

3.select下拉表单元素

籍贯:
<select>
    <option>山东</option>
    <option>吉林</option>
    <option selected="selected">广州</option>
</select>
  • select至少包含一对option
  • option中定义selected=“selected”,为默认选中项。
4.textarea 文本域元素
  • 文字较多的情况下,不能用文本框
<textarea>请写出你想说</textarea>
  • rows="显示的行数" cols="每行中的字符数"
  • 通常用css来改变大小,看看就行,不用记。

结语:今天先学这些,明天继续复习学习知识点!