初学前端 ,从今天开始自救,记录一下每天的成果。
今天确定了开始学习前端,从黑马程序员pink老师的视频开始学习,进度p1-p40,学习思路大概是跟着视频敲一遍代码,然后做一些笔记这样,计划白天学习晚上做算法题。
为什么需要web标准?
因为浏览器不同,通过web标准可以让页面更规范统一。
web标准的构成:结构、表现、行为。
结构:用于整理和分类;表现:外观样式;行为:用于交互。
结构:html;表现:css;行为:JavaScript。
html标签:
<>尖括号包围的关键词;通常成对出现,叫双标签;有少数单标签
标签关系:包含关系和并列关系。(即父子关系和兄弟关系)
基本结构标签:<html><head><title><body>
标签的语义:标题标签、段落标签
标题标签:<h1>一级标签</h1>html提供六个等级的网页标题
段落标题:<p></p>
换行标签:<br />
文本格式化标签:粗体、斜体、下划线
加粗:<strong></strong> <b></b>
倾斜:<em></em> <i></i>
删除:<del></del> <s></s>
下滑:<ins></ins> <u></u>
图片标签<img src="图像url" alt=“”title=“” />src:必须属性,指明文件路径和文件名
alt=""图片无法显示时用文字替换
title=“”提示文字
width=设置图像宽度
height=设置图像高度
img键值对形式key=“value”
目录文件夹 根目录(最外层目录)
相对路径:同一级路径src=“xxx.jpg”、下一级路径src=“image/xxx.jpg”、上一级路径src=“../xxx.jpg”
绝对路径:从盘符开始
超链接<a></a>"锚"
1.外部链接
<a href="" target="">
href:用于指定链接目标的url target:用于指定链接页面的打开方式
_self:当前界面打开
_blank:以新空白页面打开
2.打开内部链接 href="xxxx.html"
3.空链接
href="#"
4.下载链接 href中填写文件链接即可自动下载
5.网页元素的链接
网页中的各种元素都是可以添加超链接的
6.锚点链接:快速定位到页面中的某个位置<a href="#xxx"><
在某位置添加属性id=xxx
注释语句<!-- ---> ctrl +/
特殊字符
小于号<;大于号>
和号&......
表格
<table>表格
<tr>行
<td>单元格
表头单元格<th>
align对齐 center/left/right
border边框1或“”
cellpadding=""文字和单元格边框的距离
cellspacing=""单元格之间的距离
width
height
<thead>
<tbody>
合并单元格:跨行/跨列->找到目标单元格->删除多余单元格
rowspan=“合并单元格的个数”跨行合并
colspan=“合并单元格的个数” 跨列合并
(目标单元格 上/左)