《HTML&CSS设计与构建网站》学习笔记(更新中)

时间:2022-11-10 23:55:04

第一章 结构

1.起始标签和结束标签,在元素起始标签中有特性名称和特性值。

2. <html></html>  <head></head>  <title></title>

3.HTML(HyperText Markup Languege超文本标记语言)。超文本:HTML允许用户通过建立链接,使访问者简捷地从一个页面跳转到另一个页面。标记语言:允许你对文本进行注释,为文档的内容提供了更多的注解。

 

第二章 文本

1.结构化标记和语义化标记。结构化标记:可用来描述标题和段落的元素。语义化标记:表达特定含义的标记。

2.<hn></hn>  <p></p>  <b></b>   <i></i>  <sup></sup>  <sub></sub>  <br />  <hr />  <strong></strong>  <em></em>  <blockquote></blockquote>  <q></q>  <abbr></abbr>  <cite></cite>  <dfn></dfn>  <address></address>  <ins></ins>  <del></del>  <s></s>

 

第三章 列表

1.有序列表<ol></ol>  <li></li>

2.无序列表<ul></ul>  <li></li>

3.定义列表<dl></dl>  <dt></dt>  <dd></dd>

4.列表之间可以相互嵌套。

 

第四章 链接

1.<a url=" "></a>

2.绝对url(Uniform Resource Locator统一资源定位器)。

3.相对url。相同文件夹,只需使用文件名。子文件夹,子文件夹名/文件名。孙子文件夹,孙子文件夹名/文件名。父文件夹,../文件名。祖父文件夹,../../文件名。

4.<a href="mailto: "></a>  <a href=" " target="_blank"></a>  <a href="#"></a>

5.id特性的值必须以字母或者下划线开头,同一页面中不允许出现两个相同的id。

 

第五章 图像

1.<img src=" " alt=" " title=" " height=" " width=" " align=" "></img>  align="left/right/top/middle/bottom"

2.块级元素总是另起一行显示,内联元素位于块级元素中并且不会另起一行。

3.保存图片的格式:JEPG,JPG,GIF。

4.<figure></figure>  <figcaption></figcaption>

 

第六章 表格

1.<table></table>  <tr></tr>  <td></td>  <th></th>  colspan=" "  rowspan=" "  <thead></thead>  <tbody></tbody>  <tfoot></tfoot>

 

第七章 表单

1.<form action=" " method=" "></form>  <input type="text" name=" " size=" " maxlength=" " />  <input type="password" name=" " size=" " maxlength=" " />

<textarea name=" " cols=" " rows=" "</textarea>  <input type="radio" name=" " value=" " checked=" " />  <input type="checkbox" name=" " value=" " checked=" ">

<select name=" " size=" " multiple=" "></select>  <option value=" " selected=" "></option>  <input yupe="file" />  <input type="submit" name=" " value=" " />

<input type="image" />  <button></button>  <input type="hidden" />  <label for=" "></label>  <fieldset></fieldset>  <legend></legend>  required=" "

<input type="date" />  <input type="email/url" />  <input type="search" placeholder=" " />      

2.method中get一般适用短表单或只从Web服务器上检索数据的情形,post一般允许用户上传文件或长表单。

第八章 其他标记

第九章 Flash、视频和音频

第十章 CSS简介

第十一章 颜色

第十二章 文本

第十三章 盒子

第十四章 列表、表格和表单

第十五章 布局

第十六章 图像

第十七章 HTML5布局

第十八章 建站过程和设计方法

第十九章 实用信息