前端——HTML学习

HTML

Hyper Text Markup Language (超文本标记语言)

网页基本标签

标题标签

<h1>
    
</h1>

段落标签

<p>
    
</p>

换行标签

<br/>

水平线标签

<hr/>

字体样式标签

<Strong></Strong> // 粗体
<em></em>         // 斜体

注释和特殊符号

&nbsp 空格

&gt 大于号

&lt 小于号

&copy 版权符号

图像标签

<image src="path" alt="text" title = "text" width = "x" height = "y" />

image 学习
src 图像地址 相对地址（推荐使用） ，绝对地址
…/上级目录
alt 图像替代文字
title 鼠标悬停提示文字
width 图像宽度
height 图像高度

链接标签

href ： 必须 表示要跳转到哪个页面
target : 表示窗口在哪里打开 _blank : 在新标签页面打开 _self 在自己的网页打开
锚链接 ： 跳转道页面跳转 使用id 或者name 做标记
功能性链接 ： 邮件链接 mailto: 邮箱地址
QQ链接 qq推广工具

行内元素和块元素

块元素 无论内容有多少，该元素独占一行

(p,h1-h6 …)

行内元素

内容撑开宽度，左右都是行内元素的可以再排一行

(a,strong,em …)

列表

以信息资源的一种展示形式，它可以使信息结构化和条理化，并以列表的样式展示出来，以便浏览者能快捷的获得相应的信息

列表的分类

无序列表

应用范围 导航侧边栏

有序列表 //

应用范围 试卷 问答

自定义列表 //

列表标题 列表内容

table

​ table
​ tr 行
​ td 列
​ colspan 跨列
​ rowspan 跨行

媒体元素

<video src=" " controls autoplay></video>

controls 控制器

autoplays 自动播放

页面结构分析

元素名	描述
header	标题头部区域的内容(用于页面或者页中的一块区域)
footer	标记脚部区域的内容(用于整个页面或页面的一块区域)
section	web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用
nav	导航类辅助内容

内联框架

<iframe src="path" name="mainFrame">
    
</iframe>

path :引用页脚地址，mainFrame 框架标识名

w-h 高度宽度

表单语法

表单提交的位置可以是网站也可以是一个请求的处理过程

method post ：url没有参数，比较安全可以传输大文件

​ get： 我们可以在url中看到我们提交的信息，不安全但是高效

表单内容用 input

元素
text(文本框)：size：文本框长度 maxlength：最大长度 value 默认初始值 readonly 只读 required 非空判断 disable 禁用 hidden 隐藏 pattern 正则表达式
password(密码框)
radio(单选框)需分组 name 表示组
checkbox(复选框)需分组
submit(提交)
reset(重置)
button(普通按钮)image(图像按钮)
select(下拉列表) option：列表选项 name 列表名称 value 提交的值 selected 默认选中
textarea(文本域) rows 行 cols 列
file(提交文件)
email(邮箱验证)
url(网络地址验证)
number(数字范围)
range(滑动框)
search(搜索框)