所在的位置: html >> html前景 >> HTML学习笔记

HTML学习笔记

前端冲冲冲!!!html语法规范

1.双标签:成对标签html/html

2.单标签:单标签br/

标签关系

1.包含关系

2.并列关系

基本结构标签

1.根标签:html/html

2.头部标签:head/head

3.标题标签:title/title

4.主体标签:body/body

主要标签

1.标题标签:h1/h1一个标题独占一行

2.段落标签:p/p

3.换行标签:br/

4.文本格式标签:

①文本加粗:strong/strong或者b/b

②文本斜体:em/em或者i/i

③文本下划线:ins/ins或者u/u

④文本删除线:del/del或者s/s

5.div标签(大盒子无语义一行只能放一个):

div/div

6.span标签(盒子无语义一行可以放多个):

span/span

7.图像标签:单标签

imgsrc="必须属性图像路径"alt="图片无法正常显示时的说明"title="提示文本"width="宽度"height="高度"border="边框粗细"/

?路径?

目录文件夹(普通文件夹存放相关素材)和根目录(目录文件夹的第一层)

8.相对路径:

①相对路径下一级:文件夹名/文件名称

②相对路径上一级:../

9.绝对路径:D:\桌面\HTML\图片名称

在本地的存储位置或外部链接

10.超链接标签:

ahref="跳转目标"target="跳转格式_self当前标签页_blank新标签页"超链接标签/a

外部链接:href="网址"

内部链接:href="文件相对路径"

空链接:#

下载文件:href="文件相对路径.zip"

网页元素链接:ahref=""imgsrc=""/a

锚点链接:ahref="#锚点id名称"锚点名称/a将跳转到的锚点位置加上id="id名称"

注释标签:!--注释--

特殊字符:空格nbsp;大于号gt;小于号lt;和号amp;

表格:table/table

①表头:th/th文本内容加粗居中显示

②行:tr/tr

③单元格:td/td

④对齐:align="left""right""center"表格相对周围元素的对齐方式

边框border=""默认无

⑤内容边距:cellpadding=""单元边沿与其内容之间的空白默认1

⑥单元格距离:cellspacing=""单元格之间的空白默认2

⑦表格宽度:width=""

⑧表格高度:height=""

表格结构标签

头部区域:thead/thead

主体区域:tbody/tbody

合并单元格:

⑨跨行:tdrowspan="n"/td其余n-1删去

⑩跨列:tdcolspan="n"/td其余n-1删去

列表:

①无序列表:ulli/li/ul

②有序列表:olli/li/ol

③自定义列表:dldt列表名/dtdd列表解释/dd/dldt和dl个数没有限制

表单域:formaction="url地址"method="get/post"name="表单名称"/form

①action="":数据传输到哪里

②method="":get/post提交方式

③name="":表单名称用以区分同一页面中的多个表单域

input输入表单元素:

单标签inputtype="属性值"name=""value=""id=""/

label标签绑定表单元素:

labelfor=""/label

例如inputtype="radio"name="sex"id=""labelfor=""男/label

select下拉表单元素:

selectoptionselect="selected"选项一/optionoption选项二/option/select

textarea文本域元素(输入内容较多):

textarearows=""cols=""/textarea

type属性的属性值及其描述

button普通按钮checkbox多选file上传文件hidden定义隐藏的输入字段image定义图像形式的提交按钮password密码字段字符会被掩码radio单选按钮reset重置按钮submit提交按钮text输入文本默认20个字符

属性

属性值

描述

name

自定义

定义imput元素的名称

value

自定义

规定imput元素的值

checked

checked

规定input元素首次加载时应当被选中

maxlength

正整数

规定输入字段中的字符的最大长度

END

本人不爱做笔记,也不知道如何高效做笔记。所以这个是在自学过程中看网上大佬做的笔记,并稍微改动些。侵权必删~

预览时标签不可点收录于合集#个上一篇下一篇

转载请注明:http://www.aierlanlan.com/cyrz/298.html

  • 上一篇文章:
  •   
  • 下一篇文章: