发表于： 2019-08-19 20:40:59
1 864
今天重新看了一遍，漏掉知识点挺多的，重新整理了一下笔记，然而现在卡死在 nginx配置上，由于是mac 踩了好多坑，现在还在挣扎中。。崩溃了！！！
没心情写太多了，发一下我今天整理的笔记吧。。
web标准总结：
结构标准：相当于人的身体。html就是用来制作网页的。
表现标准： 相当于人的衣服。css就是对网页进行美化的。
行为标准： 相当于人的动作。JS就是让网页动起来，具有生命力的。
字符集一般常用：UTF-8（字全） > gb2312（只有汉字、速度快）
标签一定要严格封闭
可以在Sublime Text使用Emmet插件快速生成HTML的骨架（后续好好了解一下插件）
<head>
<title>网页的标题
<base>还没理解透
<meta>提供有关页面的基本信息
</head>
<body>展示的内容在这里</body>
定义关键词和页面描述<meat name=”keywords”/ ”description”content=””
文本级标签：<p>/<span><a><b>/<i>/<u>/<em>文本级标签只能放文字、图片、表单元素
容器级标签：<div>/<h>.<li>/<dt>/<dd>可以放任何东西
块级标签<div>/<span>(最重要的两个盒子)
<div>（容器级）和<span>（文本级）唯一的区别在于一个一个不换行
<span>放置小元素、<div>放置大东西
<br/>换行 <hr/>分割线 <pre>保留所有的空白字符（空格、换行）
属性：align=”left/center（可以直接当成标签用）/right”(对齐方式)、size=“1”大小、width/ height=“ px / % ”宽度/高度、color=“red”颜色、face=“微软雅黑”字体、bgcolor=“背景颜色”
特殊字符： （空格）、<（小于号）、>（大于号）、©（版权）
小标签/小标记<u>（下划线）、<s>（删除线）、<i>斜体
<b>粗体<sup>/<sub>上/下标
超链接<a hear=”链接”>文字</a>
锚：设置<a name=”名字”>文字</a> 使用<a href=”#名字”>文字</a>
邮箱<a href=mailto:邮箱地址>文字</p>
超链接属性：
href：目标URL title：悬停文本 name：锚名称
target：什么方式打开(_self：当前窗口、_blank：新窗口、_parent：父窗口、_top：顶级窗口)
<a href=”链接”title=“悬停文本“ target=”_black”>内容</a>
图片标签：img单标签
img 是image“图片”的简写，src 是英语source“资源”的缩写
图片路径有两种：相对路径、绝对路径
相对路径：.(当前目录)、..（父级路径）<img src=”../1.jpg”>
绝对路径：<img src=http://i8.hexunimg.cn/2015-09-21/179329571.jpg>
属性：align：””图片和周围文字的相对位置，属性值：bottom（默认）/center/top/left/right、、、width/ height=“ px / % ”宽度/高度（只设置一个等比例缩放）
css盒子模型：内容（content）、内边距（padding）、边框（border）、外边距（margin）
盒子可以套盒子
明天的计划： 撸起袖子继续干
返回列表
评论