总结

仙玖

于 2019-10-31 08:24:16 发布

阅读量116

点赞数

本文链接：https://blog.csdn.net/WBTTSY/article/details/102830842

版权

WEB基础知识个人总结

HTML
一、标签——尖括号围成的关键词，成对出现。

※使用时必须符合标签嵌套规则
1.声明

（1）：HTML5文档类型声明

（2）对于中文网页需要使用声明编码
2.链接

：链接【在href属性中指定链接的地址】，在标签里添加文本标签或图片标签。

　　target属性：target="_blank"时会在新窗口打开文档
　　name属性：规定锚（anchor）的名称。使用命名锚（named anchors）时，可以直接跳至页面中的某个链接。

3.布局

<div>：块元素，以新行开始和结束。组合其他HTML元素，常与CSS一同使用，可用于对大的内容块设置样式属性。
<span>：内联元素，不会以新行开始和结束。

4.文本

<title>：文档标题
<h1> - <h6>：html标题
<body>：可见的页面内容
<p>：普通段落
<strong>：粗体文本，强调强调内容
<b>：粗体文本
<em>：强调内容，浏览器用斜体文本展示
<i>：斜体文本
<hr /> ：创建水平线
<br /> ：不产生新段落的情况下【换行】
<pre>：定义预格式化的文本，保留空格和换行。
<abbr title="etcetera">etc.</abbr>：定义缩写或首字母缩略语。把鼠标移至缩略词语etc.上时，可展示完整版本"etcetera"。
<q>：定义短的引用。会为 <q> 元素包围引号
<blockquote>：定义块引用，插入换行和外边距
<del>：删除线
<ins>：下划线

5.多媒体

<img />：图像 【图像的名称和尺寸是以属性的形式提供的】，源属性src="图像URL地址"，替换为本属性alt="xxx"
<video>：定义视频内容
<audio>：定义声音内容

子标签：定义文件所在地

子标签：定义轨道
6.序列化列表

（1）

无序列表标签

（2）

有序列表标签

有序、无序列表项均始于

（3）

自定义列表标签
7.表格
　　定义 HTML 表格。
　　　　：定义表格中的行
　　　　
：定义表格中的表头
　　　　：定义表格中的数据（table data）
8.输入表单

定义用户输入

（1）：块级元素，属性name、action、method、enctype

（2）：type属性、checked预选、name、value页面所显示的值

type的值类型：
```
text：文本框
password：密码框
checkbox：复选框
radio：单选框
button：按钮
submit：提交，将表单数据发送到<form>标签中action属性所指值的网页中/向表单处理程序（处理输入数据的脚本的服务器页面）提交
reset：重置
hidden：
```
（3）：为元素规定预定义选项列表。其id属性必须与标签中的list属性值相同

（4）：下拉列表，属性name

子标签：属性name、value、selected

（5）：文本域

（6）：绘制一个带标题的框

子标签：表示标题
9.画布

二、元素——从开始标签到结束标签的所有代码。
```
大多数HTML元素可拥有属性
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）
```
三、属性——提供了有关 HTML 元素的更多的信息

※以名称/值对的形式出现：xxx=“xxx”（若属性值中含有双引号则外围必须使用单引号）

※属性在开始标签中规定。

【HTML参考手册】http://www.w3school.com.cn/tags/index.asp
1.大多数元素都有的属性名称：
```
 id
class
```
2.

3.
元素属性名称：
```
border：表格边框
```
CSS
一、样式表
1.外部样式表——当样式需要被应用到很多页面时

定义外部CSS文件，在标签中使用链接式：

2.内部样式表——单个文件需要特别样式时
标签中创建一个
复制代码
3.内联CSS

在相关标签中使用style属性：

This is a paragraph

二、语法
1.选择器——需要改变样式的HTML元素

（1）派生选择器：

只有
元素中的元素适用：

：定义表格中的表头	：定义表格中的数据（table data） 8.输入表单

li strong {
font-style: italic;
font-weight: normal;
}

（2）类选择题

以.定义

类名的第一个字符不要使用数字在这里插入代码片
2.语法——由属性和值构成，由冒号":"分开

color（颜色）:值（red）、十六进制颜色值（#FF0000）、RGB值（rgb(255,0,0)）
background（背景颜色）:
font-size（字体大小）:
font-family（字体样式）:
font-style（）
font-weight
margin（）
padding（）