|
来到黑马学习前端已经3周了，已经将html和css的基础都练习过一遍了，开始根据图片来制作相应的网页。现在简单的归纳了一些学过的知识： Html： 1.HTML的结构： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> <!DOCTYPE html> 让浏览器用H5的标准来解析代码 语言：lang="en" 当前网页所在国家的语言，一般en表示英文，zh-CN 表示中文 字符集：<meta charset="UTF-8"> 用来对我们书写的字符进行对应国家文字的编译 常用的字符编码：Gb2312 简体中文 BIG5 繁体中文 GBK 全部中文（包括简体和繁体中文）UTF-8 全世界所有国家需要用到的字符 2.超链接a：作用实现页面之间的相互跳转 详解 a标签，双标签 <a href=”链接路径”> </a> 常用属性：href用于指定链接目标的url路径地址，必不可少的； target 用于指定链接页面的打开方式，属性值我们一般选择新窗口打开 _blank href的取值：一般是放呀跳转的目标路径，如果我们不知道要跳到什么地方，就直接书写一个#表示空链接；超链接的链接方式：外部链接（在线链接）：直接在href=“http://+要访问的网址”，注意http://必须书写；内部链接： 直接在href=“书写html页面名称”，注意在书写内部链接的时候要书写清楚页面的路径；空链接： 如果不知道要链接到什么地方，我们就暂时用#代替即可；其他链接：我们不仅仅能给文字添加链接，我们还可以给其他的网页元素添加链接，例如：图像、表格、音频、视频等； 3.表格作用：数据展示，让数据显示额度更整齐规范；基本结构一对table标签嵌套tr标签，tr标签嵌套td标签；table表示表格整体，tr表示行，td表示单元格（列）； <table> <tr> <td></td> </tr> </table> 表格的常见属性：宽：width； 高：height； 边框：border，如果设置border=0是没有边框；对齐方式：align 取值left、center、right；设置表格在网页中的水平对齐方式；单元格和单元格之间的距离：cellspacing单元格内容到单元格边框的距离：cellpadding注意：对齐方式align如果设置给table表示让整个表格的对齐方式改变，如果添加到tr身上表示当前的行tr里面的文字对齐方式改变；如果想要某一列单元格的宽度和其他不一样我们找到该列直接在td或者th身上设置width即可； Css的作用：Cascading Style Sheets，简称层叠样式表，主要是用来进行页面的版面布局和外观样式的美化；使用css的原理：能够将结构html和样式css分离书写，简化代码，提高可阅读性；
| 
收藏
淘帖
踩
