黑马程序员技术交流社区

标题: 学习心得 [打印本页]

作者: 浪人88 时间: 2019-7-25 01:09
标题: 学习心得

来到黑马学习前端已经3周了，已经将html和css的基础都练习过一遍了，开始根据图片来制作相应的网页。现在简单的归纳了一些学过的知识：

Html：

1.HTML的结构：

<!DOCTYPE html>

<head>

<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>

</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分离书写，简化代码，提高可阅读性；

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2