HTML学习笔记

文件标签

<!DOCTYPE> 	定义文档类型。
 <html>		定义一个 HTML 文档
<title>		为文档定义一个标题
<body>		定义文档的主体
<h1> to <h6>	定义 HTML 标题
<p>			定义一个段落
<br>		定义简单的折行。
<hr>		定义水平线。
		属性:
		color:颜色
		align:对齐方式
		size:高度
		width:宽度
		
<!--这里可以添加注释-->	定义一个注释

文本标签

<b>:粗体
<i>:斜体
<font>:定义文本的大小,颜色等等,其中face属性修改字体
颜色属性上可以使用文字说明red,,green等也可以使用三位的数字rgb(0,0,255)
或者是十六位的表示法#FF00FF,采用取色器来查找自己想的颜色标号。

图片标签

img标签<img src="图片所在的位置" >

./表示的是当前目录下的内容,一般是默认存在的。而../是指退后一级的目录。

alt="xxx"属性是指当图片加载出现异常是可以显示的提示信息。

列表标签

有序列表:
<ol>和<li>标签其中li嵌套每一行的内容并且赋予一定序号,而ol的type属性可以改变
序号的种类

无序列表
<ul>和<li>ul的type属性有
disc:实心圆圈
square:方形
circle:空心圆圈

链表标签

<a>标签标示超链接,href标示链接的地址,而target则表示链接打开的方式。
_self指在当前页面直接切换,_blank指打开一个新的页面。

语义化标签

<header>
<footer>
可以增加代码的可读性,废弃了原来首尾上加ID属性的做法
同样的表格里的<thead><tbody><tfoot>虽然不是语义化标签,但是也是用来加强
代码可读性的工具并没有实际的表示效果。

表格标签

<table>标签直接定义一个表格,
属性:
	width:宽度
	border:分隔线
	cellpadding:单元格内的占据大小
	cellsapcing:表格内分隔线距离
	bgcolor:背景色
	
然后使用<tr>表示行数
<td>表示单元格信息
<th>定义表头信息
	colspan:合并行
	rowspan:合并列
<caption>:定义标题名称信息	

表单标签

表单标签就是一些用来采集用户数据并且传给后台服务器的标签。
<form>
	<action>:指定数据提交的URL
	<method>:指定数据的提交方式
		get:
		1、会显示在地址栏中
		2、URL长度有限制
		post:tst
		1、只会封装在请求体中
		2、URL长度没有限制
	而且要想数据能被成功提交,必须指定name属性值
input:
	type属性:
	text(默认):value来指定提交的具体数据(placeholder来表示提示信息)
	password:密码显示会是实心圆点
	radio:单选框(name属性值必须相同)
	checkbox:(checked属性表示默认勾选的内容)
	按钮:
		submit:
		button:
		image:
select:加上option标签就可以实现下拉框的功能,但是不要忘记设置name属性,
否则不能提交数据,同时在option中设置对应的value值。
textarea:cols设置列,rows设置行,仍就不要忘记设置name值
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值