HTML标签和CSS样式的简单介绍

最新推荐文章于 2024-06-13 23:29:27 发布

微辣米粉

最新推荐文章于 2024-06-13 23:29:27 发布

阅读量956

点赞数

分类专栏：前端文章标签： html css

本文链接：https://blog.csdn.net/tuntun1120/article/details/53196657

版权

前端专栏收录该内容

26 篇文章 1 订阅

订阅专栏

<html>标签开头的，表示这是一个html文件的开始

<head>通常包含html的标题信息，css样式，js代码

<title>html文件的标题

<body>html主要的代码，显示的页面

注释：

<font>规定文本的字体，字体尺寸，字体颜色

字符实体

(1)实体名称 &tl;

(2)实体编号 <

标题标签

<h1>~<h6> h1最大 h6最小

超链接：

1:普通的超连接。

2:网页常见，**联系我们**，可以发邮件

3：迅雷的下载连接

4：javaScript的连接

5：页面的锚点功能

无序列表

<ul> 无序列表

<li>aa</li>无序列表项

</ul>

有序列表

<ol>

</ol>

自定义列表

<dl> 标签开始

<dt>Coffee</dt>自定义列表项

<dd> black hot drink</dd>项的定义

<dt>Coffee</dt>

<dd>white cold drink</dd>

</dl>

图像

表格标签

<tr>行标签 table header

<th>1.1</th> th:表头标签 table header

</tr>

<tr>

<td>2.1</td>表格的单元格 table date cell

</tr>

</table>

</center>

如果要跨行跨列的话，用

（1）横跨列：clospancolspan="2"

（2）竖夸行：rowspan="2"

框架标签

首先注意：<frameset>不能与<body>一起使用

表单：

action与请求方式（get/post）都是卸载<form>标签里面的

action属性是设置表单提交到服务器的请求地址

get 请求方式
它会把表单数据以这个key=value&key=value形式追加到action地址后面
get请求格式完成格式:http://127.0.0.1:9090/?key=value&key2=value2
get请求方式特点:
1.不安全
2.有长度限制

post 请求方式，

它会把所有的参数以这个key=value&key2=value2以二进制流的形式发送到服务器
post 特点:
1.安全
2.它没有长度限制

<div>标签 division 图层定义文档中的节

块标签，独占一行

<span>标签

span 标签是内联标签。它的长度是它封闭的数据的长度

<p>

p 标签是段落标签。它会自动的在自己的上方和下方各空出一行来

css的使用

(1)

<div style="border: 1px solid red;">div标签1</div>
<div style="border: 1px solid red;" >div标签2</div>
<span style="border: 1px solid red;">span标签1</span>
<span style="border: 1px solid red;">span标签2</span>

(2)

(3)

(4)

标签名选择器

div{
color: blue;
font-size: 30px;
border: 1px solid yellow;
}
span {
color: yellow;
font-size: 20px;
border: 5px dashed blue;
}

id选择器

#id001{
color: blue;
font-size: 30px;
border: 1px solid yellow;
}

类选择器

.class02{
color: grey;
font-size: 26px;
border: 1px solid red;
}

组合选择

关联选择器

div span{
color: blue;
font-size: 20px;
border: 1px solid yellow;
}

伪元素选择器

微辣米粉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签和CSS样式的简单介绍

标签开头的，表示这是一个html文件的开始通常包含html的标题信息，css样式，js代码html文件的标题html主要的代码，显示的页面注释：规定文本的字体，字体尺寸，字体颜色字符实体(1)实体名称 &tl; (2)实体编号 <标题标签~ h1最大 h6最小超链接：1:普通的超连接。a href="ht
复制链接

扫一扫

专栏目录