摘要: 本小节重点: 熟练使用div+span布局,知道div和span的语义化的意思 熟悉对div、ul、li、span、a、img、table、form、input标签有深刻的认知,初期也了解他们,知道他们在浏览器上的初始化样式是怎样的。 熟练网站布局结构 比如 header区域,侧边栏区域,内容区域, 阅读全文
posted @ 2019-01-18 16:56 混世妖精 阅读(350) 评论(0) 推荐(0) 编辑
摘要: HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素。 常用的块状元素: 常用的行内元素 常用的行内块状元素: 块级元素特点:display:block; 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。独占一行 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽 阅读全文
posted @ 2019-01-18 16:54 混世妖精 阅读(302) 评论(0) 推荐(0) 编辑
摘要: 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素,例如: <div><div></div><h1></h1><p><p></div> ✔️ <a href=”#”><span></span></a> ✔️ <span><div></div></span> ❌ 阅读全文
posted @ 2019-01-18 16:54 混世妖精 阅读(314) 评论(0) 推荐(0) 编辑
摘要: HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中。如 为什么能设置属性呢? 因为最终我们这些标签会通过css去美化,通过javascript来操作,那么这些标签我们可以看成是一个对象,对象就应该有它自己的属性和方法。那么你像上面说到input标签,type=‘button’就是它的属性 阅读全文
posted @ 2019-01-18 16:53 混世妖精 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 想要在网页上展示出来的内容一定要放在body标签中。 把我们之前海燕那一段HTML代码贴过来,保存到一个HTML格式的文件中。 使用浏览器打开,看一下效果: 标题标签 h1~h6 <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。 由于 h 元素拥有确切的 阅读全文
posted @ 2019-01-18 16:52 混世妖精 阅读(354) 评论(0) 推荐(0) 编辑
摘要: head标签 head标签的主要内容和作用,文档的头部描述了文档的各种属性和信息,包括文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用(移动端)的等。 以下标签是可以用在head标签中的: title标签 <title>标签:在<title>和</title>标 阅读全文
posted @ 2019-01-18 16:39 混世妖精 阅读(217) 评论(0) 推荐(0) 编辑
摘要: HTML注释 HTML注释 无论我们学习什么编程语言,一定要重视的就是注释,我个人一直把注释看成是代码之母。 HTML中注释的格式: <!--这里是注释的内容--> 注意: 注释中可以直接使用回车换行。 并且我们习惯用注释的标签把HTML代码包裹起来。如: <!-- xx部分 开始 --> 这里放你 阅读全文
posted @ 2019-01-18 15:49 混世妖精 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 一个HTML文件是有自己固定结构的。 让我们来解释一下上面的代码: 首先,<!DOCTYPE HTML>是文档声明,必须写在HTML文档的第一行,位于<html>标签之前,表明该文档是HTML5文档。 HTML文档包含了HTML标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们需要记住 阅读全文
posted @ 2019-01-18 15:47 混世妖精 阅读(229) 评论(0) 推荐(0) 编辑
摘要: HTML标签 HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的。我们学习HTML主要就是学习的HTML标签。 那什么是标签呢? 注意:不是所有标签都支持互相嵌套。(看下节) 阅读全文
posted @ 2019-01-18 15:17 混世妖精 阅读(121) 评论(0) 推荐(0) 编辑
摘要: HTML HTML是一个网页的主体部分,也是一个网页的基础。因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。 HTML简介 HTML,全称是超文本标记语言(HyperText Markup Language),它是一种用于创建网页的标记语言。 阅读全文
posted @ 2019-01-18 15:12 混世妖精 阅读(145) 评论(0) 推荐(0) 编辑
摘要: web1.0时代的网页制作 网页制作是web1.0时代的产物,那个时候的网页主要是静态网页,所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页,我们当时称为“牛皮癣”网页。例如一篇QQ日志、一篇博文等展示性文章。在web1.0时代,用户能做的唯一事情就是浏览这个网站的文字图片内容,这时用户也 阅读全文
posted @ 2019-01-18 15:06 混世妖精 阅读(287) 评论(0) 推荐(0) 编辑