HTML&CSS基础学习笔记1.19-DIV标签1

【HTML&CSS基础学习笔记1.19-DIV标签1】的更多相关文章

HTML&CSS基础学习笔记1.3-HTML的标签语法

HTML标签语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签. 2. HTML中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/.如: <p></p> 3.标签的内容是开始标签与结束标签之间的内容,如:<h1>这是标题</h1>. 4. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div…

创建一张表格很多时候我们需要在网页上展示一些数据,使用表格可以很好的来展示数据. 在HTML中<table>标签定义表格. <table> </table> 添加一行 <table>标签相当于定义了一个表格容器.我们现在要创建表格的行,等会我们再创建列. 标签<tr>表示<table>里的行,在<table>里嵌套了几个完整的(拥有开始标签和闭合标签的)<tr>标签就表示这个<table>有几行…

HTML&CSS基础学习笔记1.19-DIV标签1

div标签这里我们要认识一下HTML里使用非常多的的一个标签:<div>. <div>标签定义文档中的分区或节(division/section),他可以把文档分割为独立的.不同的部分.它也可以用来布局,划分网页的区域.在标签的嵌套使用上会经常使用<div>标签,让页面结构更加清晰. 具体使用是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charse…

HTML&CSS基础学习笔记1.16-单元格间距和表格主体

上一篇讲html学习笔记,讲过了合并单元格,那么今天就来介绍下如何控制单元格的间距,以及表格主体的相关知识. 单元格间距在上个知识点的显示结果中你可能发现了,单元格与单元格之间有一小段空白.这是由<table>的[cellspacing]属性控制的. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单元…

HTML&CSS基础学习笔记1.5-添加常用标签

代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单的网页</title> <script src="index.js"></script></head><body><h1>故乡</h1>…

HTML+CSS基础学习笔记（3）

一.提交按钮.重置按钮 1.type="submit" 提交按钮 2.type="reset" 重置按钮二.form表单中的label标签格式: <label for="控件id名称"> 注意: 标签的for属性中的值应当与相关控件的id属性值一定要相同理解: label的作用就是获得焦点,在上面例子中,把鼠标移动到文字上(慢跑.登山.篮球),同样可以激活控件进行选择,但是如果不加label标签,鼠标就必须移动到控件上面.…

HTML&CSS基础学习笔记1.31-像素和相对长度

像素和相对长度之前的笔记中,我们提到过用属性width.height来设置图片的尺寸,它们的单元都是”px(像素)”.长度单位总结一下,目前比较常用到px(像素).em.% 百分比,要注意其实这三种单位都是相对单位.1.像素像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”).实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单位. 2.em 就是本元素给定字体的 font-size 值,如果元素的 font-…

CSS基础学习笔记

一. CSS介绍 1. CSS概述:CSS(Cascading Style Sheets)指层叠样式表,极大提高了工作效率. 2. 基础语法: 属性大于1个之后,属性之间用分号隔开如果大于1个单词,则需要加上引号,如:p{font-family:"sans serif";} CSS注释:以"/*"开始,以"*/"结束. 3. 高级语法 ① 选择器分组 h1,h2,h3,h4,h5,h6{color:red;} ② 继承: body{ col…

HTML&CSS基础学习笔记1.32-选择器是什么

选择器是什么选择器是CSS样式为了定位页面上的任意元素的一种方法. 选择器主要分为:元素标签选择器.通用选择器.类选择器.ID选择器.属性选择器.组合选择器.伪类选择器.伪元素选择器. 先做个了解,底下的css笔记会详细介绍不同的选择器~ <!DOCTYPE html> <html lang="en"> <head> <link href="index.css"> <meta charset="UTF…

HTML&CSS基础学习笔记1.20-DIV标签2

<span>标签标签div把文档分割为独立的.不同的部分,而在HTML中,<span>标签则被用来组合文档中的行内元素. 看个实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>给页面…