HTML一图流附文字

在这里插入图片描述

文本

1.概念:
	Hyper Text Markup Language  超文本标记语言
	超文本:
		用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
	标记语言:
		由标签构成的语言 <标签名称> 如html,xml
		标记语言不是编程语言
	html是最基础的网页开发语言
2.快速入门:
	语法:
		1.html文档后缀名  .html或者 .htm
		2.标签分为:
			1.围堵标签:有开始和结束标签
			2.自闭合标签:开始标签和结束标签在一起
		3.标签可以嵌套:
			不可以你中有我,我中有你
		4.在开始标签中可以定义属性。属性是由键值对构成,值需要用引号引起来
		5.html的标签不区分大小写,但是建议使用小写
		6.注释:<!-- 注释内容 -->
3.标签学习:
	1.文件标签:构成html最基本的标签
		html:html文档的跟标签
		head:头标签,指定文档的一些属性,引入外部的能量
		title::标题标签,
		body:体标签
	2.文本标签
		<h1> to <h6>	定义 HTML 标题
		<p>	定义段落
		<br>	定义简单的折行
		<hr>	定义水平线
		<b>	定义粗体文本
		<i>	定义斜体文本
		<font>	定义大号文本。HTML5 中不支持。请使用 CSS 代替
	3.图片标签
		<img>	定义图像
			相对路径
			            以.开头的路径
			            ./代表当前目录
			            ../代表上一级目录
	3.列表标签
		<ul>	定义无序列表
		<ol>	定义有序列表
		<li>	定义列表的项目
	4.链接标签
		<a>	定义锚
			href="xxx":指示链接的目标
			target:指定打开资源的方式
				_self:默认值,在当前页面打开
				_blank:在新的空白页面打开
	5.div和span标签
		div:每一个占满一整行。块级标签
		span:文本信息在一行展示,行内标签,块级标签
	6.语义化标签
		<header>	定义 section 或 page 的页眉
		<footer>	定义 section 或 page 的页脚
	7.表格标签
		<table>	定义表格
			width    宽度
			border    规定表格边框的宽度
			cellspacing	规定单元格之间的空白
			cellpadding	规定单元边沿与其内容之间的空白
			bgcolor    背景色
		<caption>	定义表格标题
		<th>	定义表格中的表头单元格
		<tr>	定义表格中的行
		<td>	定义表格中的单元
			colspan:合并列
			rowspan:合并行
		<thead>	定义表格中的表头内容
		<tbody>	定义表格中的主体内容
		<tfoot>	定义表格中的表注内容(脚注)
	8.表单标签
		概念:
			采集用户输入的数据,用于和服务器交互
		<form>      定义采集用户数据的范围
			action:规定当提交表单时向何处URL发送表单数据
			method:指定提交方式
				分类:(7种有2种常用的)
					get:
						1.请求参数会在地址栏中显示。会封装到请求行中
						2.请求参数的大小是有限制的
						3.不够安全
					post:
						1.请求参数不会在地址栏中显示。会封装在请求体中
						2.请求参数的大小没有限制
						3.较为安全
			表单项中的数据要想被提交:必须指定name属性
		表单项标签:
			<input>	定义输入控件
				type:改变元素展示的样式
					text:文本输入框(默认)
						placeholder:指定输入框的提示信息,得到焦点时自动清空
					password:密码输入框
					radio:单选框
						1.name一致视为一组单选按钮
						2.value用于区分选择的按钮
						3.checked默认选中
					checkbox:复选框
						1.name一致视为一组多选按钮
						2.value用于区分选择的按钮
						3.checked默认选中
					file:文件选择框
					hidden:隐藏域,用于提交信息
					submit:提交按钮
					button:普通按钮
					image:图片提交按钮
				<label>	定义 input 元素的标注
					一般来说,label的for属性会和input的id属性对应。
					如果点击了label区域,会让input输入框输入框获得焦点
			<select>      下拉列表
				子元素:option,指定列表项
					selected:默认选中
			<textarea>       文本域
				cols:指定默认列数,一行多少字数
				rows:指定默认行数
	HTML 标签参考手册
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值