Web前端简单总结

最新推荐文章于 2024-11-04 17:05:06 发布

williuLI

最新推荐文章于 2024-11-04 17:05:06 发布

阅读量523

点赞数 1

文章标签：前端 css html mysql

本文链接：https://blog.csdn.net/weixin_53202364/article/details/122296595

版权

HTML常用标签

<!DOCTYPE>   定义文档类型。请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。

<html> 定义 HTML 文档。

<head>   定义关于文档的信息。

<meta> 定义关于 HTML 文档的元信息。

<title>    定义文档的标题。

<body> 定义文档的主体。

<!--...-->  定义注释

<h1>  一级标题
.
.
.

<h7>  七级标题

<p> 定义段落。

<b> 定义粗体文本。

<del> 定义被删除文本。

<em> 定义强调文本。

<i> 定义斜体文本。

<sup> 定义上标文本。

<sub> 定义下标文本。

<hr> 定义水平线。

<br> 定义简单的折行。

<img> 定义图像。

<canvas> 定义图形。

<audio>    定义声音

<video>   定义视频

<a> 定义超链接

<ul> 定义无序列表。

<ol> 定义有序列表。

<li> 定义列表的项目。

<form> 定义供用户输入的 HTML 表单。

<input> 定义输入控件。

<textarea> 定义多行的文本输入控件。

<button> 定义按钮。

<select> 定义选择列表（下拉列表）。

<option> 定义选择列表中的选项。

<label> 定义 input 元素的标注。

<datalist> 定义下拉列表。

<table> 定义表格

<caption> 定义表格标题。

<thead> 定义表格中的表头内容。

<th> 定义表格中的表头单元格。

<tr> 定义表格中的行。

<td> 定义表格中的单元。

<div> 定义文档中的节。

<span> 定义文档中的节。

<Iframe>   定义文档的内联框架。

<style> 定义文档的样式信息。

<script> 定义文档中的脚本信息

CSS简单总结

css常用选择符

1、标签选择符：
p{
	color:#F00; font-size:36px;
}
使用<p>直接作用</p>
2、类选择符：
 .red{
	 color:#C00;
 }
 使用<p class="red">直接作用</p>
3、ID选择符：
#two{
	color:#600; font-family:'汉仪行楷简';
}
使用<p id="two">直接作用</p>
4、包含选择符：
p strong{
	color:#F00;
}
使用<p><strong>直接作用</strong></p>
5、通配选择符：
 *{
	 color:#0C0; font-size:18px;
 }
 可以控制所有的html元素作用范围很广，但是效率较低
6、选择符分组：
p,h1,div{
	color:#F00;font-size:36px;
}
对p,h1,div都有效
7、标签指定式选择符：
p#one{ 
	color:#F00;font-size:36px;
}
只对id为one的p标签有效

css常用标签

<style type="text/css">
p{
　　font-size:18px; /*文本尺寸*/
　　font-family:"隶书"; /*文本字体*/
　　font-weight:bold; /*文本加粗 bold 加粗 bolder 更粗*/
　　color:red; /*文本颜色*/
　　text-align:center; /*文本水平居中 center 居中 justify 两端对齐 left 左对齐 right 右对齐*/
　　background-color:#ccc; /*背景颜色*/
　　background-image:url(img/*.jpg); /*背景图片 可以简写 直接加颜色 就是添加背景颜色 图片也一样*/
　　font-style:italic; /*文本倾斜 oblique也可以 但最好用italic*/
　　 letter-spacing:2px; /*字符间距*/
　　 line-height:20px; /*行高*/
　　 text-indent:2em; /*首行缩进*/
　　 word-spacing:2px; /*单词间距*/
　　 line-height:2px; /*垂直居中*/
　　text-decoration:underline; /*字符装饰线 underline 下划线 line-through 删除线 overline 上画线 更多用于超链接样式*/}
</style>

数据库简单总结

mysql常用语句

create database test；创建数据库名为test

show create database test；查看创建好的数据库test

show databases；查看所有数据库

use test；使用数据库test

drop database test；删除数据库test

use test；

create table student（

ID char（3） primary key，   id为表的主键

Name varchar（20）not null，

Credit int not null）；  在test数据库中创建学生表，表里面有学号、姓名、学分字段。

alter table student rename to teacher；改表名

alter table student add address varchar(25);    增加地址字段。

alter table student drop address；删除地址字段

insert into student (sno,sname,ssex,sbirthday) 

values(“001‟,‟张三‟,”男“,19990225); 插入数据

delete from student where sno=‟001‟; 删除数据

update student set sbirthday = 19990525 where name = ”张三“； 修改表中信息

select  name，sex  from student where  id = ”001“；查询表中学号为001的人的信息。