这是学习前端的第一周,了解了html中的标签以及一些基本用法。刚开始学习前端,有些知识点比较杂乱,在写代码时记不住标签的用法,比如,合并单元格时经常忘记最后一条(删除多余的单元格),;还有有写代码记不住,(锚点链接,一些特殊字符)。;一些代码的英语单词也记不住,这都要以后多去记住。但也有收获,比如会制作一些简单的网络页面。下面是这一星期的知识总结。
1.HTML标签中大部分都是双标签,但也有少部分是单标签,<br /> .<img src="''>.。
2.HTML中的一些标签:a:标题标签 <h1></h1> b:段落标签<p></p> c:换行标签<br />
d:文本格式化标签:粗体 <strong></strong> 斜体<em></em> 下划 <ins></ins> 删除线<del></del>
3.<div></div>大盒子,一个独占一行,<span></span> 两者都没有语义,是一个盒子,来装内容。
4.图像标签:<img src=" " />
图像标签的属性:src 必须属性 alt 替换文本,鼠标不能显示的文字 title 提示文本,鼠标放在图像上显示的文字 width 设置宽度 height设置高度 broder设置图像的边框粗细。
5.超链接标签。语法格式 ;<a href="跳转目标“ target="_blank(_self) > 文本或图像。锚点链接 <a href=" # "> </a> <id=" ">
6.注释标签:<!-- -->
7.表格标签. <table> <tr> <td> </td> </tr> </table>
<th></th>表头单元格标签 中的文字会加粗居中显示
<thead></thead> <tbody></tbody> 表格结构标签
合并单元格 a 跨行合并 rowspan ='' 合并单元格数'' b 跨列合并 colspan=" 合并单元格数''
在合并单元格数时,最后一定要删除多余的单元格
8.无序列表。<ul> <li> </li> </ul> <ul>中只能存在<li> <li>中能放任何元素。
9.有序列表。<ol> <li> <li> </ol>
10.自定义列表。<dl> <dt> </dt> <dd> </dd> </dl>
11.表单域 <form> </form>
12.<input type=" ”> radio 定义单选框,text 定义文本框 password 定义密码框 submit 定义提交框
13.checked=“checked" input元素首次加载时首先被选中。
14.maxlength 规定输入字段中的字符最大宽度。
15.<input type="radio“ name=" sex" id="sex" /> <lable for="sex"> 男 </lable>
16.下拉表单 <select> <option> </option> </select> 选定的 <option selected="selected"> </option>
17.文本域标签 <textarea> </textarea>
18.form标签的功能:用于创建一个表单,为表单域 。重要属性:1.action 表示表单中的内容提交到哪个页面来处理 ;2 method 表示当前表单提交的方式。常见的有get 和post方式 。
例如:<form action=" " method=" get&post "> </form>
19.对于type=”text"来说,value可有可无,因为用户输入的内容都可以提交过去,但对于type="radio"或type="checkbox"来说,没有value是提交不了。每一个input标签都有一个value属性,不同典型的input,value的作用也不同 。name:定义input元素的名称;value:规定input元素的值
第一次作业的源代码
<!DOCTYPE html>每一个
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>青春不常在,抓紧谈恋爱。</h1>
<table width="500">
<tr>
<td>性别</td>
<td> <input type="radio" name="sex" id="na"> <label for="na">男</label><input type="radio" name="sex"na
id="nv"> <label for="nv">女</label></td>
</tr>
<tr>
<td>生日</td>
<td> <select>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option selected="selected">--请输入年份--
</option>
</select>
<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</td>
</tr>
<tr>
<td>所在地区:</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>婚姻状况</td>
<td>
<input type="radio" name="12" value="未婚"> 未婚 <input type="radio" name="12" value="已婚"> 已婚
<input type="radio" name="12" value="离婚"> 离婚
</td>
</tr>
<tr>
<td>喜欢的类型:</td>
<td>
<input type="checkbox"> 妩媚的 <input type="checkbox">可爱的 <input type="checkbox">小鲜肉 <input
type="checkbox">老腊肉 <input type="checkbox"> 都喜欢
</td>
</tr>
<tr>
<td>自我介绍:</td>
<td>
<textarea>自我介绍</textarea>
<!--地板覅觉得覅-->
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="免费注册"> </td>
</tr>
<tr>
<td></td>
<td> <input type="checkbox"> 我同意注册条款和会员加入标准
</tr>
<tr>
<td></td>
<td> <a href="dkb .html"> 我是会员,立即注册</a></td>
</tr>
<tr>
<td></td>
<td>
<h5>我承诺</h5>
</td>
</tr>
<tr>
<td></td>
<td>
<ul>
<li>年满18,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
</td>
</tr>
</body>
</html>