Lv：0前端开发html中的标签

最新推荐文章于 2024-03-21 18:31:33 发布

tatabiubiu

最新推荐文章于 2024-03-21 18:31:33 发布

阅读量205

点赞数

分类专栏：前端小白文章标签： HTML 基础标签

本文链接：https://blog.csdn.net/qq_37744648/article/details/84671664

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

小白

1 篇文章 0 订阅

订阅专栏

HTML

HTML基本标签 Hyper Text Markup Language超文本标签语言

1.调整表格自身的水平位置
如果align放在tr或者td，改变的是tr（td）里文本的对齐方式
valign= top bottom 垂直方向调整
2.表格的每一行（tr）内部的（td）的个数一样
3.tr中不能有宽度属性因为默认的和表格一般打，可以设置高度
4.优先级：标示范围小的则优先级越高
5.bgcolor：
背景色可以加在table，td，tr中
6.优先级：标示范围小的则优先级越高
7.bordercolor 边框颜色
8.cellspacing="" 单元格与单元格之间的距离
cellpadding="" 单元格的内边距，与内部文本的距离
9.***跨行跨列
colspan跨列
rowspan 跨行

form 表单：所有的表单元素只能放在form里面才能提交

<form action=""></form>
action制定了当前表单要提交的目的地（将要把填写的内容发给谁）
method 提交表单所需要的方法（ get post）
***账号：<input type="text" placeholder="请输入账号" />	
***密码：<input type="password" placeholder="请输入密码"  />   
disable禁用输入框  布尔类型的属性，可以只写属性名
maxlenght 限制输入文本的长度
checked 默认选取的

（1）单选按钮

<input type="radio" name="sex" id="w"/><label for="w">女</label>
用name可以将单选按钮划分小组这样能控制只选取一个
label将字与选项连接起来

（2）多选按钮

<input type="checkbox" name="hobby" value="书"id="s"/><label for="s">书		
</label>        label将字与选项连接起来

（3）其他按钮

<input type="reset"/>  表单重置
<input type="file"/>  文件上传
<input type="submit"/>  提交按钮
<buttom></buttom>  普通按钮 默认是提交

两种下拉选择

第一种

<select name="" id="">      下拉选择
	 <option value="">--请选择--</option>
	 <optgroup lable=""></optgroup> 用来划分下拉选择的小组 lable
	 取名
		<option value="" selected></option>   //selected默认 布尔类型
</select>

第二种也叫智能下拉选择

<input type="text"list="mylist"/>
	<datalist id="mylist">   
		<option value="" label=""></option>     
 	 <option value=""></option>
 	 </datalist>  可以检索关键字，无法默认某一属性，但是添加了label属性，可以用作标签

其他

功能	方法
邮件：	`<input type="email"/>`
网址：	`<input type="url"/><br/>`
日期：	`<input type="date"/><br/>`
时间：	`<input type="time"/><br/>`
月份：	`<input type="month"/><br/>`
星期：	`<input type="week"/><br/>`
数字：	`<input type="number" value="0" max="10" min="0"/><br/>`
范围：	`<input type="range" min="0" max="10" value="1"/><br/>`
颜色：	`<input type="color"/><br/>`

二.行级元素（无法设置宽度和高度大小由它的内容决定）

span

<span style="color: red;font-size: 25px">span常用来改变一段字的属性

图片既是行级也是块级

<img src="" alt="" />
改变图片大小只需要给宽度就好，图片会等比例缩放，不要给高度，否则图		
片会变形，alt当图片裂的时候显示

 强调em表现为斜体，和i一么一样但是这两有本质的区别，em表示强调，i表
 示倾斜	
 强调strong表现为加粗跟b一模一样，但是有本质区别

强制换行

</br>

引号标签

<q></q>这是一个引号标签

缩小标签

small 缩小 套多个small

a超链接

不同页面的跳转

<a href=""></a>
target="_blank"开启一个新的tab页面，如果不写是tab页的替换

相同页面的跳转

<a name="p1"><img src="01.jpg" alt="" width="400px"/></a><br/>先给本页	
面所需的跳转点设置一个矛点	
<a href="#p1">第一张</a>
本页面的跳转需要加一个#用来标记

属性

1.display：inline-block 将行级变为块级
2.float浮动

注释

	<!---->

tatabiubiu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Lv：0前端开发html中的标签

html基本标签HTML标签根标签头部标签头部里的三大标签一.块级元素标题标签（默认是百分百，可以设置宽高）滚动标签 //非常不推荐使用水平线段落引用标签预格式列表divTable表格（熟练掌握）form 表单：所有的表单元素只能放在form里面才能提交（1）单选按钮（2）多选按钮（3）其他按钮两种下拉选择第一种第二种也叫智能下拉选择其他二.行级元素（无法设置宽度和高度大小...
复制链接

扫一扫