HTML知识点整理

1. DTD：文档类型声明Doc Type Declaration。一共有7种DTD，3种HTML4.01的，3种XHTML1.0的，1种HTML5的。

   三个小种： strict（更为严格，不能用u、b、i标签）、transitional（不怎么严格）、frameset

   XHTML总体上要比HTML严格，比如必须是小写字母标签等等。

2. p 段落

   p标签要注意的是，里面只能放文本、图片、表单元素

3.  img图片

   完整语法，两个属性src和alt，都要知道是什么意思！

   src：  source资源，    alt ： alternate 替代物

   	<img src="路径" alt="替代文本，当图片不能显示的时候，显示这里的文字" />

   图片里面的路径，相对路径，从html出发，找到图

   		<img src="images/jiehunzhao/0.png" alt="" />
   		<img src="../../0.png" alt="" />
   

    

4. a标签，超级链接

   a是英语anchor锚的意思。

   a标签常用的就是三个属性：

   <a href="网址" title="悬停文本" target="_blank">超级链接文字</a>

   页面内的锚点，用name属性或者id属性

   <a name="grjj"></a>        <a id="grjj"></a>

   如果想跳转到某个锚点：

   <a href="#grjj"></a>

5. 无序列表，用来表示一个列表的语义，并且每个项目和每个项目之间，是不分先后的。

   ul就是英语unordered list，“无序列表”的意思。

   li 就是英语list item ， “列表项”的意思。“组标签”，就是要么不写，要么就要写一组

   

   <ul>               <li>北京</li>               <li>上海</li>               <li>广州</li>               <li>铁岭</li>        </ul>

6.  ordered list  有序列表，用ol表示

   <ol>               <li>小苹果</li>               <li>月亮之上</li>               <li>最炫民族风</li>        </ol>

7.  定义列表也是一个组标签，比较复杂，出现了三个标签：

   dl表示definition list 定义列表

   dt表示definition title  定义标题

   dd表示definition description 定义表述词儿

   dt、dd只能在dl里面；dl里面只能有dt、dd

   <dl>               <dt>北京</dt>               <dd>国家首都，政治文化中心</dd>               <dt>上海</dt>               <dd>魔都，有外滩、东方明珠塔、黄浦江</dd>               <dt>广州</dt>               <dd>中国南大门，有珠江、小蛮腰</dd>        </dl>

   表达的语义是两层：

   1) 是一个列表，列出了北京、上海、广州三个项目

   2）每一个词儿都有自己的描述项。

   dd是描述dt的。

   

8. 表单就是收集用户信息的，就是让用户填写的、选择的。

          <div>
                 <h3>欢迎注册本网站</h3>
                 <form>
                        所有的表单内容，都要写在form标签里面
                 </form>
          </div>

   form是英语表单的意思。form标签里面有action属性和method属性：

   1. action属性就是表示，表单将提交到哪里。

   2. method属性表示用什么HTTP方法提交，有get、post两种。

    <input type="text" value="默认有的值" /> 
       //文本框
       //value表示“值”，value属性就是默认有的值，文本框中已经被填写好了：

	<input type="password" />
       //密码框

	<input type="radio" name="sex" /> 男
	<input type="radio" name="sex" checked="checked" /> 女
        //单选按钮
        //默认被选择，就应该书写checked=”checked”

	<input type="checkbox" name="aihao"/>睡觉
	<input type="checkbox" name="aihao"/>吃饭
	<input type="checkbox" name="aihao"/>足球
	<input type="checkbox" name="aihao"/>篮球
	<input type="checkbox" name="aihao"/>乒乓球
	<input type="checkbox" name="aihao"/>打豆豆
        //复选框

	<select>
		<option>北京</option>
		<option>河北</option>
		<option>河南</option>
		<option>山东</option>
		<option>山西</option>
		<option>湖北</option>
		<option>安徽</option>
	</select>
        //下拉列表
        //select就是“选择”，option“选项”。
        //select标签和ul、ol、dl一样，都是组标签。


	<textarea cols="30" rows="10"></textarea>
        //多行文本框（文本域
        //cols属性表示columns“列”，rows属性表示rows“行”

 //普通按钮：
	<input type="button" value="我是一个普通按钮" />
        //button就是英语“按钮”的意思。value就是“值”的意思，按钮上面显示的文字。
//提交按钮：
	<input type="submit" />
//重置按钮：
	<input type="reset" />

    9.label:    

     label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

	<input type="radio" name="sex" id="nan" /> <label for="nan">男</label>
	<input type="radio" name="sex" id="nv"  /> <label for="nv">女</label>

10.字符实体

    &lt              >

   &copy       版权符号

   &nbsp       空格

 

由传播智客前端课程笔记整理得到