全栈--01Html各种标签

本文详细介绍了HTML的基础概念,包括其作为解释型语言的特点,以及常用标签如html、br、font、ul、img、div、span、p等的用法。还讲解了超链接、表格、表单、按钮等元素,以及隐藏域和多行文本框的实现。此外,提到了CSS在布局中的作用,并概述了表单提交的方式和属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html(超文本标记语言,决定页面上显示什么内容)是解释型语言,不是编译型语言(java是先编译后解释)

 

 <html> </html>标签是整个文档的根标签,所有其他标签都必须放在html标签里面

 超链接

 换行<br/>     这是单标签

font 字体标

<font color="red" face="宋体" size="7">我是字体标签</font>

无序列表<ul></ul>   有序标签就是<ol></ol>

 图片    width=    height= 

块 

『块』并不是为了显示文章内容的,而是为了方便结合CSS对页面进行布局。块有两种,div是前后有换行的块,span是前后没有换行的块

 HTML实体

在HTML文件中,<、>等等这样的符号已经被赋予了特定含义,不会作为符号本身显示到页面上

 表格标签<table></table>

<table align="center" border="1" width="300" height="300" cellspacing="0">
    <tr>
        <th>1.1</th>    
        <th>1.2</th>
        <th>1.3</th>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
    <tr>
        <td>3.1</td>
        <td>3.2</td>
        <td>3.3</td>
    </tr>
</table>

tr table row 表示行     td table data  表示列数据      th table head 表头标签  border 设置表格标签width 设置表格宽度    height 设置表格高度   align 设置表格相对于页面的对齐方式
cellspacing 设置单元格间距

表格跨行跨列   colspan 属性设置跨列    rowspan  属性设置跨行

<td colspan="2" rowspan="2">4.4</td>

行跨2 列跨2

form标签  使用form标签来定义一个表单

两个最重要的属性:action和method

action   接收表单数据的地址

method   定义提交表单的『请求方式』   一般用Post       

name和value   类似Java中的Map,通过name识别value,提交的是value

单行文本框  type="text"

 密码框   type="password"

 单选框    type="radio"

 name属性可以对其进行分组 name属性值保持一致   checked 默认选中

多选框 type="checkbox"

 下拉列表   <select><option></option></select>  select标签用来定义下拉列表,而option标签设置列表项    name属性在select标签中设置   value属性在option标签中设置

 selected表示默认选中

按钮

表单隐藏域 type="hidden" 

通过表单隐藏域设置的表单项不会显示到页面上,用户看不到。但是提交表单时会一起被提交。用来设置一些需要和表单一起提交但是不希望用户看到的数据,例如:用户id等等。

多行文本框  type="textarea"  rows 属性设置可以显示几行的高度
 cols 属性设置每行可以显示几个字符宽度

            div标签       默认独占一行
            span标签      它的长度是封装数据的长度
            p段落标签     默认会在段落的上方或下方各空出一行来(如果已有就不再空)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值