HTML&CSS 笔记（一）

最新推荐文章于 2021-08-03 21:32:28 发布

知行千禧

最新推荐文章于 2021-08-03 21:32:28 发布

阅读量182

点赞数

本文链接：https://blog.csdn.net/m0_56277310/article/details/118708828

版权

HTML 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

CSS

3 篇文章 0 订阅

订阅专栏

HTML&CSS

3 篇文章 0 订阅

订阅专栏

HTML&CSS基础---日常整理

1.<!DOCTYPE html>必须位于HTML文档第一行。

2.<meta>标签：用于方便浏览器解析或搜索引擎搜索，一般放置于<head>中，用"名称/值"方式：

(1)表示文档内容类型、字符串编码信息如：<meta charset="UTF-8">

(2)为搜索引擎定义关键词:

<meta name="keywords" content="HTML,CSS,XML,XHTML,JavaScript">

(3)为网页定义描述内容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

(4)定义网页作者:

<meta name="author" content="Hege Refsnes">

(5)每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

3.字体样式标签：<strong>字体变粗、<em>字体倾斜

4.注释 

5.特殊符号：空格  >大于号> <小于号< "引号" 版权符号©

6.片格式：JPG、GIF、PNG、BMP

7.图片标签，必须要有src和alt属性：

<img src="图片地址" alt="图片的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度" />

8.超链接标签(target指定在哪个窗口打开值有_self自身窗口、_blank新建窗口)

<a href="链接地址" target="目标打开窗口位置">附连接的文本或图像</a>

9.链接地址

(1)绝对路径(指向目标地址的完整描述多指向本站点外的文件

如<a href="百度一下，你就知道">百度</a>)、

(2)相对路径(一般指向本站点内的文件,如<a href="login/login.html">登陆<a>)

(3)相对路径中"../"表示当前目录的上级目录，"../../"表示上上级目录

10.超链接的应用场合：

(1)页面间链接：如<a href="login.html target="_blank">为您跳转到登录页</a>

(2)锚链接：

先在目标位置B设置标记如：<a name="new">这里是目标位置</a>，

然后在A位置设置链接路径href属性值为"#标记名"如：<a href="#marker"当前位置A</a>

(3)功能性链接：单击时启动本机自带的应用程序如QQ、电子邮箱等

如电子邮件链接："mailto:电子邮件地址"

11.元素分类

(1)块元素：如<p><h1><div>无论内容有多少，该元素都独占一行(一块)。

块状元素特点：如果没有设置自身宽度，则显示为父容器的100%。

(2)行内元素：如<strong><a> 显示宽度由自己的内容决定，其他元素可以排在它后面。

12.元素类型转换：

(1)块状元素转为内联元素：display: inline;

(2)内联元素转为块状元素：display: block;

(3)把元素设为内联块状元素： display: inline-block;

(就是同时具备内联元素、块状元素特点，如img、input)

13.三种列表：

(1)有序列表<ol><li>

(2)无序列表<ul><li> ul中只能嵌套li，而li可以嵌套任意标签。

(3)定义列表<dl><dt><dd> 是标题及列表项的结合。

14.表格基本结构：单元格、行、列

(1)<table><tr><th><td>

(2)HTML5中已废除table的border属性，用css控制边框宽度。

(3)跨列(横跨)：<td colspan="所跨的列数">内容</td>

跨行(竖跨)：<td rowspan="所跨行数">内容</td>，两者都要删除被合并的其他单元格。

(4)表格特点：同行单元格高度一致且水平对齐，同列单元格宽度一致且垂直对齐。

15.视频元素：

(1)controls属性提供播放暂停和音量控件、autoplay属性自动播放、loop属性循环播放

<video src="视频路径" controls="controls">你的浏览器不支持video标签</video>

(2)source元素链接不同的视频文件，浏览器会自动选择第一个可识别的格式：

<video controls>
<source src="video/video.webm" />
<source src="video/video.mp4" />你的浏览器不支持video标签
16.<video>音频元素：使用语法和视频元素一样，只要把video换成audio即可。

17.HTML5的结构元素(先划分结构再写内容)：

header(头部)、footer(脚部)、

section(独立区域)、article(独立文章内容)、

aside(相关内容或应用,常用于侧边栏)、nav(导航类辅助内容)

18.<iframe>框架:方便在页面中引用站外的页面内容。

<iframe name="此框架的标识名" src="引用的页面地址"></iframe>

19.<iframe>和锚链接的结合：使锚链接的内容在iframe框架中打开

<iframe name="mainFrame" src="框架引用的页面地址" />

<a href="链接路径" target="mainFrame">点击在框架中打开</a>

知行千禧

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML&CSS 笔记（一）

HTML&CSS基础1.<!DOCTYPEhtml>必须位于HTML文档第一行。2.<meta>标签：用于方便浏览器解析或搜索引擎搜索，一般放置于<head>中，用"名称/值"方式：(1)表示文档内容类型、字符串编码信息如：<metacharset="UTF-8">(2)为搜索引擎定义关键词:<metaname="keywords"content="HTML,CSS,XML,XHTML,JavaScript">(3)为网页...
复制链接

扫一扫