自学前端-自救计划

初学前端 ,从今天开始自救,记录一下每天的成果。

今天确定了开始学习前端,从黑马程序员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 +/
特殊字符&nbsp;
小于号&lt;大于号&gt;
和号&amp;......

表格

<table>表格
<tr>行
<td>单元格
表头单元格<th>

align对齐 center/left/right
border边框1或“”
cellpadding=""文字和单元格边框的距离
cellspacing=""单元格之间的距离
width
height

<thead>
<tbody>

合并单元格:跨行/跨列->找到目标单元格->删除多余单元格 
rowspan=“合并单元格的个数”跨行合并
colspan=“合并单元格的个数” 跨列合并
(目标单元格 上/左)

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值