随笔分类 - html
摘要：简述 在HTML5中，提供了一类新标签，我们称之为语义标签。这些标签清楚地向浏览器和开发者描述其意义，简单来说就是具有意义的标签。 有什么用 在没有css的情况下，也能呈现出很好的结构内容 有利于爬虫识别不同关键字的权重 提升用户体验 便于程序员理解 切片元素 切片元素用于定义网页的不同部分 在以前
阅读全文
摘要：元素的显示模式 元素的显示模式就是元素以什么方式进行显示，比如div自己占一行，一行可以放多个span 我们可以把html标签分为两大类：块元素、行内元素 块元素 常见的块元素标签有h、p、div、ul、ol等，div是最常见的块元素 块元素的特点： •自己独占一行 •高度、宽度、外边距和内边距都可
阅读全文
摘要：引言 如果有以下html代码 <div>我是div1</div> <div>我是div2</div> <p>我是段落</p> <ul> <li>我是ul里面的li </li> </ul> <ol> <li>我是ol里面的li</li> </ol> 怎么通过CSS，把第一个div改成红色，把ul里面的
阅读全文
摘要：label标签 label标签用于绑定一个表单元素，当点击label标签里面的文本时，浏览器就会自动将焦点转到或者选择对应表单的表单元素，用来增加用户体验。 label标签里面的for属性应当与相关元素的id属性相同。 现在我们点击用户名这个区域，光标就会跳动到输入框，当我们在选择框加入label标
阅读全文
摘要：表单 表单的目的是为了收集用户信息，与用户进行交互。 在html中，一个完整的表单由表单域，表单控件和提示信息三个部分组成。 表单域 表单域就是包含表单元素的一个区域。 <form>标签用于定义表单域，以实现用户信息的收集和传递，form会把它范围内的表单元素信息提交给服务器。 表单元素 input
阅读全文
摘要：列表标签 如果说表格标签是用来展示数据的，那么列表标签就是用来布局的。 列表的最大特点就是整洁有序，它作为布局会更加自由和方便。 列表可以分为：无序列表，有序列表和自定义列表。 无序列表 <ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签来定义 ul:
阅读全文
摘要：表格标签 表格主要用于显示数据和展示数据，因为它可以让数据显示得非常规整，可读性非常好。 表格不是用于布局页面的，是用来展示数据的。 语法 表格的基本语法： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> TR：英文全称是＂tablerow＂
阅读全文
摘要：注释 在html中注释用<!--xxx-->表示。 特殊字符 在html页面中，一些特殊的符号很难或不方便直接使用，此时我们就可以使用下面的字符来替代。
阅读全文
摘要：锚点链接 锚点链接类似于目录结构的索引，点击后即可前往本页面的指定位置。 格式：设置a标签的href属性为自定义的名字，<a href="#名字">xxx</a> 找到目标位置标签，里面添加一个id属性=刚刚的名字，如：<h3 id="two">xxx</h3>
阅读全文
摘要：链接标签<a> <a>标签可以用于定义超链接作用是从一个页面跳转到另一个页面。 a是anchor的缩写，有锚的意思。 语法 •<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> href属性必写，target属性的默认值是_self，指在当前页面打开。 链接分类
阅读全文
摘要：目录文件夹：就是普通文件夹，里面只不过存放了做页面所需的素材，比如html文件，图片等。 根目录：目录文件夹的第一层就是根目录。 相对路径 相对路径是以引用文件所在位置为基础参考基础，而建立出的目录路径，用图片和html文件来举例，相对路径就是图片相对于html文件的路径。 相对路径分为三种，分别是
阅读全文
摘要：图像标签 在html中<img>标签用于定义html页面中的图像,它是一个单标签。 格式：<img src="图像URL" />，这里的URL演示为html文件同包下的图片。 img标签还提供了其他属性进行图片的配置,这些属性必须写在标签名的后面，属性之间不分顺序 alt属性 alt属性：图像不能显
阅读全文
摘要：简述 div和span是没有语义的，他们就是一个盒子，或者说一个容器，用来装内容。 <div> div是division的缩写，表示分割和分区。 div一行只能放一个，可以理解为大盒子。 <span> span意为跨度，跨距。 一行上可以放多个span，可以理解为小盒子。
阅读全文
摘要：文本格式化标签 在网页中，有时需要为文本设置粗体，斜线，下划线等效果，这时候就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。 加粗 •<strong></strong> •<b></b> 倾斜 •<em></em> •<i></i> 删除线 •<del></del> •<s></s>
阅读全文
摘要：标题标签<h1>-<h6> 格式<h1>xxx</h1>，共提供6个标题标签给我们使用。 标签语义：作为标题使用，并且依据重要性递减。 特点：加了标题标签的文字会变粗，字号也会依次变大。 一个标题独占一行。 段落标签 格式：<p>xxx</p> 特点：段落和段落之间有空隙。 文本在一个段落会根据浏览
阅读全文
摘要：<!DOCTYPE>标签 <!DOCTYPE>标签是文档类型声明标签，作用是告诉浏览器使用哪种HTML版本来显示网页。 <!DOCTYPE>标签必须写在第一行，它不是html标签，是文档类型声明标签。 <!DOCTYPE html> 这一句代码的意思就是使用html5来显示网页 <html lang
阅读全文
摘要：语法规范 标签格式为<xxx></xxx>,所有的标签都包含于尖括号中，大部分标签都成对出现，例如<html></html> 有些特殊的标签只有一个，例如<br />,意思是换行 标签关系 双标签可以分成两类：包含关系和并列关系。 html的骨架标签 每个html都会有几个基本标签组成，分别是htm
阅读全文
摘要：什么是web标准 web标准是由w3c组织和一些其他标准化组织指定的一系列标准的集合。 为什么需要web标准 通过web标准使不同的浏览器展现出来一致的页面效果。 更易于被搜索引擎搜索，降低网站流量费用等。 web标准的构成 web标准由结构，表现，行为三个方面构成。 结构——对网页元素进行整理和分
阅读全文
