第一天 学习html 基础知识易混淆弄错的知识点

1.锚记

能够快速定位到指定位置文档。

eg: 1.1 回到文档顶部

<a href="#top">回到顶部</a>

       1.2 回到指定id 处

<h2 ><a href="#live"  id="background">生活背景</a></h2>

<p  id="live">生活背景balabalabala</p>  <a href="#background">回到生活背景目录</a>

2.标签

<!DOCTYPE >指定文档类型。eg:html,xhtml 等.它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。其内声明dtd

<html></html> 为根标签。<head></head> 与body 标签为兄弟关系。标题title标签位于head 中。标题h1-h6位于body中。标题title 类似于打开京东网页显示的logo. "京东(JD.COM)-正品低价、品质保障"

<img /> <br />换行  <hr />水平分隔符  <base />只能包含在<head></head>中增加默认target、URL 属性

<input />单标签

eg: 

<html>

      <head>

                   <title></title>

                  <base target="_blank" />

     </head>

      <body>

                  <a href="http://www/sina.com" ></a>        <!--  在a 链接中 默认是 _self 在原页面打开  _blank 为新启一个窗口打开 -->

                 <a href="http://www/sina.com"  target="_self"></a>   

      </body>

</html>

3.表格

caption 为table 私有,为table 的标题。

通常table 三参为0,border,cellpadding,cellspacing。

border 指边框大小。

cellspacing指一个单元格与(table边框)、单元格(上、下、左、右)间的距离。

cellpadding指内容与单元格边框(左,上,下)间的距离。

table在以前样式中大幅度使用,后 来代码重构,用 div+css 来渲染,table 只是用来存储数据。

table 只有行元素<tr>,单元格<td>,无列元素。

<th>为表头,比<td>中的元素加粗了。

4.表单

表单由表单控件(input等),表单域(form提交),提示信息(密码输入错误,手机号码等文字提示)组成。

表单域是表明当有多个表单提交的时候,用于区分,如在一个页面当中有多个搜索框可供提交搜索。

下拉选框 <select></select>

里面可以包含多个<option></option>选项

<option value="" selected="seleted">请选择</option>  value属性用于选中后提交到后台的值。selected 属性用于选择默认选中的值。

textarea 用于大文本的填写。<textarea></textarea>

提交按钮也可用图像代替 <input type="img" src="1.jpg" />

radio 用于单选框 ,<input type="radio" name="sex" />男.  默认选中,需添加选中属性 checked="checked"

<input type="radio" name="sex" />女 同一内容要有相同name,才会只能选择一个。

checkbox 复选框  <input type="checkbox" name="para" />妩媚  <input type="checkbox" name="para" />可爱。name 属性的值也应一致。默认选中,需添加选中属性 checked="checked".

<label></label>标签可用于快速定位到输入框。eg:

 <label>

          用户名:<input type="text" />            

</lable>

点击用户名 鼠标光标定位到输入框。

for 属性规定label 与那个表单元素绑定

<label for="position"></label>

  用户名:<input type="text"  id="position"/> 

猜你喜欢

转载自blog.csdn.net/zaoxi6240/article/details/83501067