HTML&CSS基础学习笔记1.9-添加图片

【HTML&CSS基础学习笔记1.9-添加图片】的更多相关文章

HTML&CSS基础学习笔记1.9-添加图片

<img>标签是用来添加图片的~ <img>标签的使用方法:<img src="图片的地址"> 先来看段实例代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><im…

HTML&CSS基础学习笔记1.10—添加链接

我们可以设置链接的目标,使我们点击后可以跳转到我们想要去的地方. <a>标签的 href 属性用于指定超链接目标的 URL. 在页面中添加的<a>标签,浏览器会用特殊效果显示,这样用户就会知道它是一个可以链接到其他文档的超链接. 看一段代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title><…

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

HTML&CSS基础学习笔记1.30-颜色的表达

颜色的表述在网页中的颜色设置是非常重要,CSS的属性有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色前面几个知识点中经常用到的就是这种设置方法: p{color:green;} 2.RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色. p{color:RGB(0,255,0);} 每一项的值可以是 0~255…

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

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

HTML&CSS基础学习笔记1.28-给网页添加一个css样式

CSS是什么? 当HTML配合CSS一起使用时,我们发现页面变得好看了很多.那么CSS到底是什么呢? CSS指层叠样式表 (Cascading Style Sheets),它主要是用于定义HTML标签在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 我们可以这么说,CSS是网页的衣服,它可以用来装饰网页. 那么接下来我们就来试试css吧~ 给网页添加一个CSS样式尝试给<p>标签直接加了一个[style]属性,并且给标签添加了一个字体颜色.这种在标签上直接添加样式的形式,我们称这种关联方…

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

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

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.31-像素和相对长度

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

HTML&CSS基础学习笔记1.29-灵活地使用样式

灵活的使用样式使用样式的感觉很棒吧! 刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦. 而如果我们使用内部样式表,我们只需要定义<p>标签的文字大小,所有<p>标签就都具有这个样式了. 看个例子吧: 更加实用的使用方式使用内部样式表,我们能够把页面上的共通样式提取出来.可以省去很多工作量.但是内部样式表并不是最好的方法,比如说,另一个页面也需要这些样式呢? 相对而言,我们更愿意使用外链样式表,…