1. HTML页面主要由声明.头部.主体三部分构成. 2. 头部及其meta标签,以及主体的title标签很重要,对SEO.搜索优化等很重要. 3. 常用的charset编码格式有2种,一种是utf-8,国际通用:一种是gb2312,国内最常用. 4. HTML语言是标记性语言,标签都为语义化标签. 5. 文本格式化的标签: 加粗<b>bold</b>和<strong></strong>,区别是strong的语义为强调. 斜体<i>italic&…

第五次课内容: 1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible 2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的) 3. 开放标签(有开始标记和结束标记)和自闭合标签 4. style标签的type属性值,说明遇到type的时候,将以何种方式显示style标签,例:type="text/css"时,就以CSS样式解析style标签 5. ID选择器作用于最顶层的块 6. CSS的语法:选择器+{1个或多个声明} ,…

1. 默认的浏览器字体 100% = 1em  =1rem =16px  =12pt em继承父元素,rem只继承html根元素 2. text-align水平对齐影响一个元素中文本的水平对齐方式,控制文本的对齐与显示. 值:left | center | right | justify | inherit 初始值:left 应用于:块级元素(包括block和inline-block) 继承性:有 3. letter-spacing 字母间隔是指字符间距,可为负值 值:<length> | n…

1. CSS和HTML一样,也是标记语言 2. CSS有三种样式:嵌入样式.内部样式(行内样式)和外部样式(外部样式表) 3. CSS的语法:选择器+{一个或多个样式} 4. 选择器是为了找到html中对应的元素 常用选择器: a. ID选择器,.ID名 b. class选择器,#class名 c. 父子选择器,用>连接父元素和子元素,样式只会作用于第一代子元素 d. 后代选择器,用空格连接父元素和子元素,样式会作用于所有子元素 e. 标签选择器,例 p{样式} ,这里p就是一个标签名 f. 相…

1. 常用的字符实体(html实体):空格=      <=<       >=>       版权符号=© 2. ID就像身份证号一样,是唯一的,html页面的ID不能重复:class是一个集合/数组,可出现多次 3. 网页一般分为头部.主体.尾部三大块,每一大块一般用ID标识,大块里面的内容就随意了 4. div和span的共同点: a. 都没有实际的语义 b. 都是容器 div和span的不同点: a. div是块状元素:span是行内元素 b. div是大容器:span是小…

1. alt属性对SEO优化很重要 2. 最早的网页是靠table布局标签,后来用div+css进行网页重构(因此现在网页设计的名字由网页设计变成了网页重构) 3. 静态网页和后台没有交互 动态网页和后台有交互,通过表单等 4. 表单对象有text/password/button/submit/reset/radio/checkbox/select/select multiple/file(上传文本框)/hidden(隐藏文本框)/image(图像按钮<input type="image&…

1.一个元素float以后.为什么要清除浮动?清除浮动的方法有哪些? 浮动确实是经经常使用,也知道清除浮动的必要性.但要我道个所以然,还是得绞尽脑汁.我个人的理解是,当一个元素float以后,就脱离正常的文档流,高度塌陷,也就是浮动元素原来的占位空间就消失了.那么紧跟着的元素的宽度就会占领浮动元素的位置,好像浮动元素不存在似的.那么疑问就来了.假设紧跟着的元素没有不论什么的清除浮动行为,可是感觉好像认的浮动元素一样,给他让出空间.请看: <span style="font-size:18p…

本文是<HTML5与CSS3基础语法自学教程>的第一篇,首发于[前端课湛]微信公众号. 导读:本小节主要讲解 HTML 的基本信息,其中包含 HTML 概念.HTML 发展历程和 HTML 标准版本的发展历程.通过本小节的学习可以对 HTML 的含义有个初步的理解,为后续进一步学习 HTML 相关概念打下基础. 1. 什么是 HTML HTML 是个缩写形式,其全称为 Hyper Text Markup Language,翻译成中文的含义为 超文本标记语言.HTML 不是一门编程语言,而是一门…

https://www.zhihu.com/question/30087283 HTML5 页面制作工具 免费的基于 HTML 5 的 Web Apps 生成器工具网站     81 235 初页 制作微信酷炫 HTML5 页面的手机 APP       42 206 易传单 免费.简单好用的 HTML5 电子传单制作工具,企业移动社交营销利器       21 194 微贴 分分钟在微信上发帖子     35 158 MAKA 让每个人都可以制作自己的手机电子邀请函   32 136 Epub…

孔子说:“温故而知新,可以为师矣.”这几天参加了一个免费的前端课,每天晚上都有直播,讲解一个独立的案例.在听前端基础的时候,发现自己有不少东西没学会,平时在学校虽说html也写了不少,但有好大一部分都被忽略掉了.就在刚才看了一个基础案例,很是有共鸣,一个简单的轮播图,牵扯到的东西实在是多.不得不说,专业的就是专业的. 好了,废话不多说,直接上干货.经常做页面渲染的筒子可能会遇到的一个问题,position的相对定位和绝对定位.这个问题看似很简单,不就是一个定位嘛,有什么的?别急,我们慢慢往下看.…