百日学习001

P1~P3 一些类似百度百科之类的概念性的东西

——————————

（可以把一整个页面当作一棵树 每个有头有尾的标签就是树的一个分支）

<!DOCTYPE html> 使用h5的标准解析这个网页
在head部分

<meta charset="utf-8">（定义全局属性之编码格式为utf-8 至于utf-8和gbk有什么区别那就自行百度）

标签页 <title></title>

在body部分

标题 <h1></h1>（一直到h6一共是六个大小 作为标题）

居中 <center></center>（一直都以为居中是属性，没想到居然是标签）

斜体 <i></i>

下划线 <u></u>

删除线 <del></del>

上标 <sup></sup>（比如数学公式的平方立方）

下标 <sub></sub>

段落 <p></p>

水平线 <hr />（单标签）

换行 <br />（单标签）

空格 &nbsp;

图片 <img>（单标签）多图片采用底边对齐，从左到右从上到下

　　src 路径 路径分为绝对路径和相对路径（相对路径跨文件使用../表示上层目录）

　　width 宽度 可以用像素px，也可以用百分比%

　　height 高度 同上

　　alt 文本 在图像无法显示时的替代文本

超链接 <a></a> 包住img和文本的话图片和文本都可以点击转跳（可以完成返回上层目录功能）

　　target 窗口打开方式 默认在原窗口_self打开，也可以从新窗口_blank打开

无序列表 <ul></ul>（默认是实心圆disc 还有空心圆circle和实心方square可以选择）

有序列表<ol></ol>（默认是数字1 还有字母a/A和罗马字母i/I可以选择(均有大小写之分)）

　　无论是有序列表还是无序列表都使用<li></li>来罗列

表格 <table></table>

　　border 边框 可以用像素px

　　cellspacing 单元格间隙 不要间隙就等于0

column列 <col>（单标签）（一个就是第一列 两个就是第一列和第二列）

　　width 可以用像素px（所有列统一的话可以直接在table标签里边设定宽度）

行 <tr></tr>

　　align 格式 等于center就是居中（因为是先有的行然后有的列所以可以在行的位置进行格式规范）【如果在table标签里居中的话就是表格居中而不是表格内的文本居中了】

列 <td></td>

还有对于没法右键另存为的图片的获取方法：f12->Elements->左上角选择按钮选择图片->代码相应标签会被选中->右边会有图片下载地址->右击选择Open in new tab->如果是多图合成图片就用ps进行切片

2020.11.25<因为可能后续还会有补充所以存一下日期>

posted @ 2020-11-25 23:06  蒟蒻绥绥  阅读(41)  评论(0)    收藏  举报