经过青训营的学习,让我对前端更加感兴趣,前端是个漫长的过程,但也不能急迫,要学好基础才能更好的理解。
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来改变大小,看看就行,不用记。
结语:今天先学这些,明天继续复习学习知识点!