h5+css+js笔记.docx

Html常用标签第二节：浏览器：软件，功能：将网页渲染出来显示给用户，让用户与网页进行交互；世界五大浏览器：chrome、firefox、IE、opera、safari。这五款浏览器都有自己的内核。浏览器内核：渲染引擎的方式。服务器：配置很高的电脑，功能是存储数据，特点是不能关机。第三节：浏览器访问网页的原理：浏览器先将网页上的内容缓存本地文件夹中，然后再将本地缓存的内容重新渲染出原来的网页内容，所以在第二次打开同样的页面时一般比第一次快。第四节：第五节：什么是URL？在浏览器的地址栏中输入的就是URL，URL组成：协议类型+服务器的ip+端口号+资源名，即，确定网络上的一个唯一的资源。第六节：网络协议类型（http）:超文本传输协议。浏览器和服务器之间的传输协议。第七节：第八节：html（超文本标记语言）用一些文本用来描述另一些文本的含义！第九节：html的格式htmlheadtitle/title/headbody/body/html第十一课：第十二课：Meta标签的作用是指定当前网页的字符集，出现乱码的现象就是没有指定网页的字符集meta charset=”GBK”/ 在网页中最常用的就是GBK（GB2312）和UTF-8两种字符集注：GBK和GB2312有一定的区别，基本都是中文汉字，utf-8存储着所有的文字文件的编码格式必须跟浏览器解析的字符编码字符集一样才能正确解析。第十三课：标签的分类：单标签、双标签。标签之间的关系：平级关系、嵌套关系第十四课：DTD文档声明：html的规范。现在都用html5的文档格式，因为它是向下兼容的。!DOCTYPE html 文档声明不区分大小写，不是标签。第十八节：h标签是用来给文本添加标题语义的！end键：光标移到所在行的行末 home：光标移到所在行的行首br强制换行p段落标记，我是一段文本/phr分割线Ctrl+d:快速复制一行ctrl+x:快速删除一行第二十一课： Img src=”” 此标签还有width height alt title这四个属性，如果想指定图片的显示的宽、高又不想图片变形，可以只指定宽、高中的其中一个值！alt属性：告诉浏览器当需要显示的图片找不到时现实的内容。第二十四课企业开发中路径使用/ ，不要用\，第二十五课：a用于控制页面之间的跳转 a href=”目标”展现给用户的内容a/ 目标：http：//urla标签的target的属性决定是否新建页面，取值有_self和_blanka标签的title的属性控制鼠标悬停时现实的提示文本第二十七课：base标签就是用来统一专门指定超链接的跳转方式，写在head标签中。如果base和a中指定方式冲突，以a优先第二十八课：点击后不会跳转的链接是假链接。# 或者 javascript，#的假链接会返回顶部，js不会返回顶部。第二十九课：锚点：通过超链接跳转到本页面中的指定位置，h1 id=buttom我是底部/h1a href=#center跳转到中部/a a href=#buttom跳转到底部/a跳转到指定页面的指定部位第三十课：列表标签：给一堆文字添加列表语义!包括无序列表：数据元素没有先后之分、有序列表、定义列表ulli需要显示的条目内容/li这是添加列表语义的，不是添加小圆点/ul常用于：新闻列表、商品列表、导航条第三十四课：有序列表：dl dt定义标题/dt dd定义描述/dd/dl常用于网站尾部的相关信息。第三十七课：table表格标签，用来给数据添加表格语义。tabletr代表整个表格标签中的一行数据tdtd 指定其中一行标签中的其中一个单元格/tr/table表格默认边框不显示，表格标签和列表标签一样，都是组合标签表格属性：宽度、高度（table，td）、水平对齐（三个）、垂直对齐（td，tr） 外边距和内边距（table）外边距（cellspacing）：单元格与单元格之间的距离 内边距（cellpading）：文字与单元格边框的距离。Table的bgcolor是背景色，常用于同时设置table和tr的背景色，再设置table的cellspacing产生细线效果！！！Table的标题，caption。Caption位于table标签中，且紧跟在table后面。表格标题单元格标签，th，将标题存于th中，文字加粗居中。表格数据的分类：（1）、表格的标题（2）、表格的标头信息（3）、表格的主体信息（4）、表格的页尾信息；表格的完整结构：tablecaption表格标题/captiontheadtrth表格的标头信息/th/tr/theadtbody主体/tbodytfoot页尾/tfoot/table单元格合并：Colspan:水平方向合并，找到要合并的起始单元格，指明要合并的列数，再删除多