小色猫 小白猫 小懒猫 文章插图 可以看到在Div中的块级元素都换行了,然而内联元素。一篇文章带你了解HTML语法( 三 )。" />

一篇文章带你了解HTML语法( 三 )


<div align="center"><p>小花猫</p><a href=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"">小色猫一篇文章带你了解HTML语法小白猫

小懒猫

一篇文章带你了解HTML语法

文章插图
 
可以看到在Div中的块级元素都换行了,然而内联元素都没有换行 。
2).内联元素和块级元素正好相反,不用换行输出的那种,比如a标签,或者是BigSmall这些段落中的文本标签都是内联元素,当然也有例外,比如Pre标签,这里不再细说 。今天我们要着重讨论的是Span标签 。<span><p>小花猫</p><a href=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"">小色猫一篇文章带你了解HTML语法小白猫
小懒猫

一篇文章带你了解HTML语法

文章插图
 
注意:Span标签是没有Align属性的 。
11.框架框架是什么?框架就是在一个窗口可以显示多个页面内容的一个容器 。框架又分为垂直和水平框架 。
1).垂直框架不可与Body标签同时出现
<frameset cols="50%,50%"> #设置框架的列占有比例<frame src=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"1.png" noresize="noresize"> #无法调整框架的大小2).水平框架不可与Body标签同时出现
<frameset rows="50%,50%"> #设置框架的行占有比例<frame src=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"1.png" noresize="noresize"> #无法调整框架的大小3).内联框架#存在body标签中frameborder:是否显示框架周围的边框 0隐藏 1显示scrolling:是否显示滚动条 yes显示 no隐藏 auto自动width:宽度height:高度name:锚点名称<iframe src=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"" frameborder="0" scrolling='no' width=500 height=400 name='if'>一篇文章带你了解HTML语法fadf4).判断是否支持框架<noframes><body>您的浏览器不支持框架</body></noframes>12.表单元素这个算是Html中的重中之重了,因为用的比较多,基本上所有的表单元素都包含在Form标签中 。每一个表单中的空间要么独立存在,要么处于Input中,下面我们来详细了解下:
<form action='' method='get' accept-charset="" target="" autocomplete="" enctype="" novalidate><fieldset> #字段组<legend>表单数据</legend> 字段组名表单控件的标记<label for='sex'> for必须指向id<input type="text" name="sex" id='sex'></label>文本输入框:<input type="text"> 密码输入框:<input type="password" name="">单选框:<input type="radio" name="性别" value=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"男" checked>多选框:按钮:下拉列表:文本域:菜单: 列表菜单 还有上下文菜单(context) 工具栏菜单(toolbar) 多选菜单项目 还有单选(radio)和命令(command)提交:Html5表单类型预定义选项列表 表单的密钥对生成器字段当提交表单时,私钥存储在本地,公钥发送到服务器 。输入框只允许数字输入日期颜色范围月份和年份星期和年份时间日期时间选择(有时区)


推荐阅读