html基础

文档中心

一.基本结构

注释格式：

 //表示使用什么规范 //head代表头部     //meta用来描述，描述性标签    Title //title表示什么标题

二.标签

1标题标签

//一级标签
同理h2为二级标签,hn为n级标签

2段落标签

3换行标签

4水平线标签

5字体样式标签

粗体

斜体

6特殊符号

&nbst;//空格
>// >
< // <
© 版权符号©

三.图像标签

//src 表示文件所在地址 ,alt 是图片不存在时显示的文字,title是鼠标悬停文字 width height分别为高度和宽度

四.超链接标签

href表示图片地址，target可以设置是在新标签网页中打开还是在原网页打开
中间可以加图片文字
锚链接

随后就可以用#top返回至top位置
功能性链接
点击联系我
可以跳转至邮件

五.块元素行内元素

五.列表标签

有序列表

    Java
    Python
    Django
    Spring

效果图
在这里插入图片描述

无序列表

    Java
    Python
    Django
    Spring

效果图
在这里插入图片描述

自定义列表

    Java
    Python
    Django
    Spring

dt是标题 dd是内容

六.表格标签

     1-1  1-2  1-3     
     2-1  2-2  2-3     
     3-1  3-2  3-3

tr表示行 td表示列
table中可以加border标签加边界
在td中加colspan占几列 rowspan占几列

七.媒体

视频跟音频

controls控制条

八.页面结构分析

在这里插入图片描述

九.iframe内联框架

十.表单

在这里插入图片描述
get: 不安全，高效（可以在url中看到）
post: 比较安全，传输大文件

单选框

  男  女 //name代表是哪个组 value代表提交了哪个值

多选框
checkout
按钮
button
图像按钮
image
文件
file
验证按钮
email,number,url
滑块
range
搜索
search
一些特殊属性
readonly//只读
disabled//禁用
hidden//隐藏

下拉框

      1     2     3     4

文本域

     文本内容

表单验证
placehold 提示信息，输入文本后机会隐藏
required 非空判断
pattern 后面需要正则表达式，用正则表达式验证