HTML常用标签及属性

在这里插入图片描述

幕布思维导图地址
2.html文档根标签

<html></html>

3.指定网页编码

<meta charset="UTF-8">

4.头标签:用于指定html文档的一些属性。引入外部的资源

<head></head>

5.网页标题标签

<title></title>

6.体标签

<body></body>

7.标题标签

<h1></h1>		//h1~h6:字体大小逐渐递减

8.段落标签

<p></p>

8.换行标签

<br>

8.水平线标签

  • 属性
    • color:颜色
    • width:宽度
    • size:高度
    • align:对其方式(left,center,right)
<hr>

9.字体加粗

<b></b>

9.斜体

<i></i>

10.居中

  • 属性:
    • color:颜色
    • size:大小
    • face:字体
<center></center>

11.图片展示

  • align:对齐方式(left,right)
  • alt:加载失败后显示文字
  • wigth :宽度
  • height:高度(
<img src="地址" align="对其方式" alt="古镇" width="500" height="500"/>

12.链接标签

  • href:指定访问资源的url
  • target:默认打开资源的方式
    • _self:在当前页面打开,默认值
    • _blank:在新标签页打开
<a></a>

12.块标签

<div></div>

13.行标签

<span></span>

14.表格标签:

  • table:定义表格
    • width:宽度
    • border:边框
    • cellpadding:定义内容和单元格的距离
    • cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
    • bgcolor:背景色
    • align:对齐方式
  • tr:定义行
    • bgcolor:背景色
    • align:对齐方式
  • td:定义单元格
    • colspan:合并列
    • rowspan:合并行
  • th:定义表头单元格
    • :表格标题
    • :表示表格的头部分
    • :表示表格的体部分
    • :表示表格的脚部分

14.表单:

  • form:用于定义表单的。

    • action:指定提交数据的URL
    • method:指定提交方式(get,post)
  • input:可以通过type属性值,改变元素展示的样式

    • type属性:
      • text:文本输入框,默认值
      • placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
      • password:密码输入框
      • radio:单选框(checked)
      • file:文件选择框
      • hidden:隐藏域,用于提交一些信息。
  • 按钮:

    • submit:提交按钮。可以提交表单
    • button:普通按钮
    • image:图片提交按钮
      * src属性指定图片的路径
  • label:指定输入项的文字描述信息(for)

    • option,指定列表项
  • textarea:文本域

    • cols:指定列数,每一行有多少个字符
    • rows:默认多少行。
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值