html css总结

最新推荐文章于 2023-04-15 23:40:51 发布

喝杯星巴克

最新推荐文章于 2023-04-15 23:40:51 发布

阅读量102

点赞数

本文链接：https://blog.csdn.net/qq_59033587/article/details/119053509

版权

HTML

、HTML的定义

HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5 我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。

二、HTML标签元素

HTML元素由开始标签和结束标签组成。如<p>/<p>,<h1><h1/>。标签是这样的格式：有一对开始<>和结束</>。标签名大小写都可以一般标签名推荐用小写。标签具有属性，属性用来表示标签的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性时写在标签里面的，而且是开始标签内。

三、HTML 的基本结构

结构由网页的头部和网页的身体组成。

第一个标签<html>是告诉浏览器这是html文档的开始。Html文档的最后一个标签是</html>，是告诉浏览器这是html的终止。标签<head></head>之间的文本是头部信息，在<title></title>之间的文本是文档标题，会显示在浏览器的窗口的标题栏。<body></body>之间的文本是正文。

二、规范的html页面

1、文档声明

在<html>前，要写文档声明语句: <!DOCTYPE HTML>，当然也可以用小写表示。文档声明的作用是告诉浏览器该文档遵循html规范。

2、标题

一般情况下，我们都会设定html文档的标题。这样的作用是使用户看起来感觉友好。标签为<title></title>,标签内放标题名称。

3、页面编码

大陆程序员基本用的都是utf-8编码，设置网页编码的语句为<meta charset= "utf-8" />，是在<head></head>标签内定义的。

三，常用标签

1，文本格式化

b标签加粗的
i标签斜体标签
em标签斜体标签
u标签表示带下划线
ins标签,也是带下划线
s标签表示中划线
del标签表示被删除

2、标题。标题有六种大小h后的数字越大，说明标题越大。

3.超链接

<a href="http://></a> 超链接
<a href="#">空链接 #是一个锚点链接

target="_self 本页面跳转
target="_blank 新页面跳转

4.图片<img />

<img src=./ alt=图片加载失败 tiele=点击图片lo go <img title= src= 绝对路径

./ 当前目录

../ 回到上一层目录

5，列表

自定义列表
dl+dt+dd
有序列表是ol+li
无序列表 ul+li

6，表格

表格的标签 table
行标签 tr row 行
th 表头 td 每一个表格
cellspacing="0"单格之间的间隙0

rowspan就表示跨行后面的数字表示跨几

colspan表示跨列后面的数字表示跨几列

7，form表单

form是表单标签
action表示收集完数据后，将数据提交的服务器地址
method表示以什么样的方式提交给服务器 GET的话就是GET请求
label标签他会绑定input 帮助我们获取焦点

1.type 类 radio 收单机的意思那么在这里表示单选
2.placeholder 提示语
下拉菜单 select+option使用
option中的value值是当我们提交表单的时候提交的

CSS

喝杯星巴克

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html css总结

HTML、HTML的定义 HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5 我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。二、HTML标签元素HTML元素由开始标签和结束标签组成。如<p>/<p>,<h1><h1/>。标签是这样的格式：有一对开始<>和结束</>。标签名大小写都...
复制链接

扫一扫