发表于： 2019-06-25 01:01:11
2 874
20190624
今天完成的事情：
回顾html的基础知识：
一、html介绍
1,html是超文本标记语言，弱性语言，不区分大小写，不用编译，直接由浏览器解析；
2,web前端主要包含三个部分内容，html(骨架)，css(修饰表现)，js(行为);
3,html结构，首先声明是html5页面DOCTYPE html ,然后是html标签，其次是head，body，head标签中会有title标签；
4,html标签可以分为块元素和行内元素，块元素有div，p标签等，行内元素有span,a标签等
5,计算机不能直接储存文字，储存的是二进制编码，就是010101010;
6,常用的编码格式UTF-8，字符一个字节，汉字两个字节；GBK，国标，中国的字库，它包含的没有utf-8多，为了避免乱码，一般会在head中用meta标签声明编码格式；
7,html颜色表示，三种，直接用英文，十进制rgb()，十六进制#；
二、html规范
1,标签不能交叉使用，标签必须要小写，所有属性值必须加引号(最好加单引号)，属性值不能为空；
2,html对换行不敏感，tab不敏感，保持缩进，增加代码可读性，空白会被折叠成一个空格，标签严格封闭；
三、html结构
1,html标签有双边标记和单边标记，属性和元素之间用空格隔开；
2,开始都是以 <DOCTYPE......开头的，告诉浏览器使用的是哪种规范。
3,头标签，<title>指定网页的标题，在浏览器最上方显示，<meta>提供页面的基本信息，<body>用于定义html文档显示的内容，也称为主体标签，所写的代码必须在这里面，<link>定义文档外部的资源关系，<style>写css的标签
3,<div>是块级元素，<span>是行内元素，两个都很常用，在页面里，所有的元素都是盒子，这两个是最常用的盒子，div+css网页开发，div主要负责结构，布局，分块，css负责样式！！
4,html里面的所有跟样式和表现有关的标签和属性都不使用，html只是做骨架，布局，所有跟表现用关的都用css；
5，特殊字符（转义字符）
：空格 （non-breaking spacing，不断打空格）<：小于号（less than）>：大于号（greater than）&：符号&"：双引号'：单引号©：版权©™：商标™绐：文字绐。其实，#32464是汉字绐的unicode编码。
要求背诵的特殊字符有： 、<、>、©。有意想不到的用处！！！
四、超链接
1、<a>标签
五、图片标签
1、<img>
明天计划的事情：写完检查详情页面，学习css布局；
遇到的问题：怎么用css画圆，怎么画直线，百度解决的，写css样式就可以了，直线是就写了一个div，然后给了一个边框就得行了
今天的收获：熟练地使用了float 浮动，学会了画圆，学会了画直线，研究了一个拍照组件，把html基础知识又整理了一下。
返回列表
评论