HTML
<head> 代表网页头部
<body>代表网页主体 :存放基本内容
基本标签:
标题标签:
<h1>一级标签</h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
段落标签:
<p>123 456 </p> (一段内容自动换行)
<p>2254 4556 </p>
换行标签:<br/>
水平 线标签:<hr/>
字体样式标签:
粗体:<strong> i love you </strong>
斜体:<em> i love you </em>
注释和特殊符号:
空格: 1 23
>
<
©版权所有luxu
<!--
特殊符号记忆方式
& ;
查百度
-->
图像标签:JPG GIF PNG BMP ...
文本超链接
图像超链接
链接标签:
<a href="path" target="目标窗口位置" >链接文本或图像 </a>
<!-- 使用name作为标记-->
<a name="top">顶部</a>
<!--锚链接
1.需要一个锚链接
2.跳转到标记
#
-->
<a href="#top">回到顶部</a>
行内元素和块元素
块元素
无论元素多少,该元素独占一行
(p h1-h6...)
行内元素
内容撑开宽度,左右都是行内元素的可以排在一行
(a. strong em...)
列表:
无序列表:
有序列表:
定义列表:![](https://i-blog.csdnimg.cn/blog_migrate/0a1320620bcc4592417f9cca323d258c.jpeg)
表格:
行、列、跨行、跨列![](https://i-blog.csdnimg.cn/blog_migrate/eb70a3a03fe99d386163a115b7b1f602.jpeg)
视频和音频:
页面结构分析:
Iframe内联框架
<iframe src="path(引用页面地址)" name="mainFrame(框架标志名)"></iframe>
表单语法:
表单元素格式:
基本结构:
文本输入框:
单选框、多选框:
checked 默认被选中
按钮、下拉框、列表框:
selected 默认被选中
文本域、文件域 (提交 submit、重置reset):
邮件验证、URL:
数字、滑块、搜索框:
hidden(隐藏域)readonly (只读)、disabled(不能被选中)
增强鼠标可用性:
表单初级验证:
placeholder 提示信息
required 非空判断
pattern 正则表达式