20201.8.9 Html&CSS细节_html语法中,onclick事件大小写敏感吗-CSDN博客

本文链接：https://blog.csdn.net/qq_43007085/article/details/119549237

HTML 超文本

1.整体概述

html标签分为两部分：head和body

head又分为：title, css, js

body包含html文件的主体

html标签格式为<标签名>标签</标签名>注意：标签名大小写不敏感。

2.标签属性

1. bgcolor 设置背景颜色

2. onclick 设置点击事件

3.双标签和单标签

双：<开始标签></结束标签>

单：<单标签/>

4.标签语法

1.不能互相嵌套

2.必须有结束标签

5. HTML标签种类

1.font标签用于设置标签中文字的字体，color属性设置颜色，face设置字体，size设置大小

2.<br/>换行

3.<等特殊字符要写成别的

4.浏览器会裁掉多余的空格并只保留一个，这时候应该使用&nbspace来表示一个空格

5.<h1-6>标签是标题标签，用于将文字显示为标题（1-6从大到小）

6.超链接标签a <a href="http://www.baidu.com>百度</a> href属性设置跳转目标，target属性用来设置哪个目标来跳转：_self默认为self，表示当前窗口进行跳转 _blank:使用新页面进行跳转

7.列表标签：有序列表，无序列表

无序列表：

<ul>

</ul>

有序列表（前边有标号 type属性用于修改列表前面的标号类型）：

<ol>

</ol>

8.<img/>标签 src用于告诉图片路径，相对路径：.表示当前文件所在目录，..表示上一级目录

绝对路径：格式为http://ip:port/工程名/资源路径，在web里面不要用带盘符的绝对路径。alt用于设置当文件找不到时显示的内容

9.表格标签<table> ，在table标签内部，<tr>用于表示行，<td>放在tr里，表示单个单元格。b标签是加粗标签。colspan属性用于设置跨列单元格，rowspan用于设置跨行单元个

10.iframe双标签用于设置一个单独的小页面，通过src来设置所显示的文件路径。iframe和a标签可以组合使用，通过设置iframe的name属性和a标签的target属性，来使iframe来进行跳转。

11 表单标签form，用来收集信息的所有元素集合，然后发送给服务器。form中的input：type=text是文本输入框，value是用来设置默认值，type=password是密码输入框，type=radio是单选框（通过设置name属性来将单选框进行分组，checked属性用于设置默认是否选中），type=“checkbox是复选框。select标签是下拉列表框，其中的option标签用于设置选项（通过selected属性设置是否为默认）。textarea标签是多行文本输入框。input，type=submit是提交按钮（value用来修改上面的文本），type=button是按钮，type=file是文件上传框，type=hiden是隐藏域。

表单的action标签用于设置提交地址，method用来设置提交方法（get或post），提交后地址会出现？以及？后面的内容，？后面的内容就是表单的信息（”name“=”value“的键值对）只有有name的表单项才会被提交，单选复选都必须添加value属性，不然选中只会提交”on”。表单中的submit只提交此表单中的表单项。get方法有提交数据长度限制，而post没有，并且post提交时，表单信息不会显示在浏览地址栏上。

12.div标签默认自己的文本占一行

13.span标签里面的文字站多少，自救就站多少。

14.段落标签p默认会在段落的上方和下方空出一行。