随笔分类 - WEB基础
摘要：块级元素和行内元素 HTML里的元素可以分为块级元素和行内元素两大类： 🅰块级元素：块级元素典型特点就是它要独占一行，它后面跟随的其它元素都会被挤到下一行，可以将块级元素理解为一个矩形容器，有自己的宽度和高度。比如：<div><p><hi><form><ul><li>等都是块级元素。 🅱行内元素
阅读全文
摘要：网页上的元素辣么多，我该用什么办法让它们排列整齐、间距合理呢。常干家务的朋友们就容易理解了，用收纳盒呀！ 所以用CSS做网页布局就涉及一个盒子的概念，简单理解，我们可以把页面上的所有HTML元素看作一个个的盒子，网页上所展示出来的具体内容，如：文字、图片等都可以理解为内容，是放在盒子里面的东西。 这
阅读全文
摘要：前面 前面我们已经熟悉了网页上一些常见的元素，如在网页上显示一段文字、一张图片、一个列表、一张表格等等。这些东西都是事先编辑好显示在页面上只提供给用户看的，实际上，我们可以把这样的页面称之为静态页面。有“静”就有”动”，自然也就有了动态页面，所谓动态页面就是在页面上能提供与用户产生交互的元素，比如：
阅读全文
摘要：表格的基本结构 表格是网页上最常见的元素，它除了可以用来展示数据，还常常被用来排版。虽然现在提倡使用DIV+CSS完成页面布局，但表格框架简单明了，对于繁杂的数据，一个简洁的表格能让其展现的极有条理。 简单来说，表格是由行、列（单元格）组成。表格由 <table> 标签来定义。每个表格均有若干行（由
阅读全文
摘要：超链接--文字链接 超链接【hyperlink】是网页中最为常见的元素之一，我们几乎可以在所有的网站页面中找到超链接。每个网站都不止一个页面，这些页面就是利用超链接进行串接。超链接帮我们实现了网页与网页之间的跳转。 文字链接：我们可以使用超链接标签<a><a/>实现文字链接。设置了链接的文字默认样式
阅读全文
摘要：前面（HTML图片） 漂亮的网页肯定少不了边框与背景的修饰，本篇笔记就是说明如何为网页上的元素设置边框或者背景（背景颜色和背景图片）。 之前，先了解一下HTML中的图片元素，因为图片标签的使用非常简单，所以就插在这里说明一下。 HTML中的图片，我们只需要掌握它的标签写法以及它的三个属性就基本OK了
阅读全文
摘要：前面 网页中漂亮的导航、整齐规范的文章标题列表和图片列表等等。这些都是离不开HTML里一个重要的元素 列表，在HTML中有无序列表、有序列表和定义列表三种类型。其中，无序列表应用最为广泛，下面，我们一块认识一下HTML列表。 列表在文档编辑中也是十分常见的，我们可以结合word里的列表来对比学习HT
阅读全文
摘要：写在前面：CSS选择器 网页要显示很多内容，想要为每个内容设置不同的样式，我们就得首先选中要设置样式的内容，CSS选择器就是指明该样式是针对HTML里哪一个元素的。简单的例子，网页上有几段文字，我们想把第一段文字调成红色的，在用CSS写完红色文字样式后，是不是得指明该红色文字样式是针对第一段文字的，
阅读全文
摘要：前面 子曰“工欲善其事，必先利其器”。开始编写HTML代码前，我们该选择一款编辑工具，实际上，HTML作为标记语言，我们甚至可以直接用记事本来编写HTML代码，但记事本实在弱爆了。这里推荐使用Visual Studio，当然，你也可以选择其它你习惯使用的编辑器，甚至可以使用在线的HTML编辑工具。V
阅读全文
摘要：前面 我们每天都在浏览着网络上丰富多彩的页面，那么在网页中所呈现出的绚丽多彩的内容是怎么设计出来的呢？我们想要自己设计一个页面又该如何来做呢？对于刚刚接触网页设计的小伙伴来说，看到网页背后的一堆符号和代码，是不是会感到有些凌乱。“看这里、看这里”，其实HTML并不复杂，严格意义上它并不是编程，它只是
阅读全文
浙公网安备 33010602011771号