小白的html入门笔记

html入门笔记

这些都是本人(小白)在学习html过程中记录下的笔记,都是些基础的知识(可能(一定)会有遗漏)

html的简介

什么是html?
html是用来描述网页的一种语言,是一种超文本标记语言,而不是编程语言。
html的标签
html标记标签通常被称为html标签,html的标签通常是成对出现的,第一个是开始标签,第二个是结束标签。也有部分标签是单便签

格式通常为:<标签>内容

一个简单的html
    


     
页面标题


内容             



html中常用的标签

书签
  • html的标题
  • html的段落
  • html的水平线
  • html的换行
  • html的注释
  • html的分组
  • html的文本格式化
  • html的图像
  • html的超链接
  • html的书签链接
  • html的特殊字符
  • html的列表
  • html的下拉菜单
  • html的表格
  • html的表单
html的标题
字体大小顺序:h1>h2>h3>h4>h5>h6

这是第一个标题

这是第二个标题

这是第三个标题

这是第四个标题

这是第五个标题
这是第六个标题
html的段落

这是一个段落

html的水平线

html的换行

html的注释

html的分组
div与span标签通常与css的使用有关
这是一个块级元素
这是一个内联元素
html的文本格式化
这是一个加粗标签
这是一个斜体标签
这是一个加删除线标签
这是一个加下划线标签
这是一个上标标签
这是一个下标标签
html的图像

图像属性的设置:

属性 描述
src 图片的路径
alt 图片无法显示时替换的文本
width 设置图像的宽度
height 设置图像的高度
html的超链接
这是一个超链接
html的书签链接
使用相同的标识名设置书签链接,可以快速定位到目标位置

目标位置

这是一个书签连接
html的特殊字符
html中有些特殊字符是预留字符,必须使用字符实体才能正常显示
特殊字符 描述 字符实体
  空格 & nbsp;
< 小于号 & lt;
> 大于号 & gt;
& 和号 & amp;
" 引号 & quot;
¢ & cent;
£ & pound;
¥ 人民币 & yen;
欧元 & euro;
§ 小节 & sect;
© 版权 & copy;
® 注册商标 & reg;
商标 & trade;
× 乘号 & times;
÷ 除号 & divide;
html的列表
html的列表包括了无序列表与有序列表,以及自定义列表

  • 无序列表1
  • 无序列表2
  • 无序列表3
  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
自定义列表项目
自定义列表项的描述1
自定义列表项的描述1
html的下拉菜单

html的表格
简单的理解:tr代表行,td代表列,其中th代表表头,会自动将文字加粗

合并表格中的单元格:colspan(合并列),rowspan(合并行)

表头1 表头2
(1,1)(2,1)
(2,1) (2,2)
(3,1) (3,2)

表格的属性设置:

属性 描述
align 设置表格的对齐格式
bgcolor 设置表格的背景颜色
border 设置表格边框的宽度
cellpadding 设置单元格内容与单元格边框的距离
cellspacing 设置两个单元格之间的距离
width 设置表格宽度
height 设置表格高度
html的表单
表单元素是允许用户在表单中输入内容,比如:文本域、单选框、复选框,按钮等等。
user:
password:
gender:Male Female
hobby:basketball
football

input标签中type属性

type属性 描述
text 文本输入框
password 密码输入框
radio 单选按钮
checkbox 复选框
button 普通按钮
submit 提交按钮
reset 重置按钮
file 文件提交按钮
image 图像提交按钮
end!

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