HTML总结

HTML简介

HTML(Hyper Text Markup Language)的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

整体结构 






    
    
    Title





基本标签 

标题标签

一级标签

二级标签

段落标签

hello

world

换行标签

hello
world

水平线标签


字体样式标签

斜体

hi

字体样式

粗体

hi

特殊符号标签

以&开头

以;结尾

空格

 

大于

>

小于

<

图像标签

width与height选填

图片加载失败后显示

 超链接标签

target可选 

target="_blank"在新网页打开

target="_self"在自己的网页打开,默认选项

a+Tab

点击可以进行跳转,可以设置为图片

锚链接

需要一个锚进行标记

可以定位到所标记的位置 


顶部
...
...
回到顶部

跳转

功能性链接

邮箱

点击联系我

列表标签

有序列表

  1. Java
  2. C/Cpp
  3. Python
  4. PHP

无序列表

  • Java
  • C/Cpp
  • Python
  • PHP

自定义列表

dl:标签

dt:列表名称

dd:列表内容

学科
Java
CPP/C
PHP
base
北京
哈尔滨
太原

表格标签

table

行 tr

列 td colspan 跨列的长度

         rowspan 跨行的长度

border 边框的宽度

学生成绩
xm 语文 100
数学 100
xh 语文 100
数学 100

媒体元素

视频标签

video

src:资源路径

controls:控制条,可以控制开启和关闭

autoplay:自动播放

音频标签

audio

src:资源路径

controls:控制条,可以控制开启和关闭

autoplay:自动播放

页面结构分析

header 标记头部区间的内容

footer 标记脚步区间的内容

nav 导航辅助内容 

section Web页面中的一块独立区域

网页头部

网页主体

网页脚部

iframe内联框架

iframe

在网站中嵌入另一个网站

src 地址

weight 宽度

height 高度

表单

action 表单提交的位置 可以是网站也可以是请求处理地址

method 提交方式post或者get

get提交 可以在url中看到提交的信息,不安全,高效

post提交 比较安全,可以传输大文件

表单元素格式

属性 说明
type 指定元素的类型。text,password,checkbox,radio,submit,reset,file,hidden,image,button,默认为text
name 指定元素的名称
value 元素的初始值。type为radio时必须指定一个值
size 指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。其他类型以像素为单位
maxlength type为text或password时,输入的最大字符数
checked type为radio或checkbox时,指定按钮是否被选中

文本框

value默认初始值

maxlength最长能写几个字符

size文本框的长度

名字:

密码:

单选框

radio

为单选框radio指定组后就只能进行单选(通过name指定组)

checked表示默认

 多选框

checkbox

睡觉
敲代码
聊天
游戏

按钮

button普通按钮

image图像按钮

submit提交按钮

reset重置按钮


下拉框

文本域


文件域


验证

邮箱

URL

数字

滑块

音量

搜索框

你可能感兴趣的:(Web前端,html)