html入门第一步——标签和表单

*HTMl是一种超文本标记语言www(万维网)的描述性语言

<!DOCTYPE html>
<!--声明当前文本类型,作用:告知浏览器以何种方式解析文件-->
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 国际通用编码 ,防止乱码-->
	<title>千峰青岛1906</title>
	<!-- 网页标题 -->
</head>
<body>
<!-- 文件主体 -->	

</body>
</html>
标记:常规标记 <标记 属性="属性值"></标记>

空标记、单标记<标记 属性=“属性值”/>一个标记可以有多个属性,用空格隔开

1.<h1> </h1>文本标题
2.<p></p>段落文本
3.&nbsp空格
4.</br>换行
5.****或者加粗
6.<em></em>或者<i></i>倾斜
7.<hr/>水平线

8.无序列表

<ul><li></li></ul>

9.有序列表

<ol><li></li></ol>

有序列表的属性 type="a/1/i" start="2/3"
10.自定义列表

<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>

11.插入图片:<img src="目标文件的位置及类型" alt="文本替 换图片" title="图片替换标题"/>
alt :是在图片有问题显示不出来的时候,显示文本 title:是鼠标悬停在图片上出现提示
12.插入超链接:<a href="目标文件路径及全称/链接地址" title="提示文本" target="_blank">链接/图片</a>
target_blank是一种属性,在新的网页打开链接
默认是—self在原网页打开
13.a标签,有下划线,颜色为蓝色
14.div就是块标签
span是文本节点标签,可以是一小段文本,也可以是单个字
15.创建表格:table>tr*5>td*5
width:宽度
height:高度
border:边框
bgcolor:表格的背景色
bordercolor:表格的边框颜色
cellspacing:单元格与单元格之间的距离
cellpadding:单元格云内容之间的空隙 align:水平对齐方式
垂直对齐方式valign="top/middle/bottom"可以加给tr/td ,不能加给table
colspan 合并列 合并之后别忘了删除一个td
rowspan 合并行 合并之后删除

16.html常用标记
表单框:<form name="表达名称" method="post" action="网址" ></from>
文本框:<input type="text" value="">
密码框:<inout type="password" placeholder>
重置按钮:<input typ="reset" value="按钮内容">
单选按钮:<input="redio" value="" name="必须写,且值一样">
多选按钮:<input type="checkbox">
下拉菜单:<style><optin></option></style>
多行文本框:textarea
提交按钮:<input type="submit" value="按钮内容">

<input type="button" value="">(无提交刷新作用)
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值