前端html基础

长时间专注于项目的开发,项目只是对基础知识片面的应用,适当的回顾一下最最基础的知识点。觉得资料中知识点有点零散,回顾的同时又来整理了一下…

内容标签

这是b标签
这是strong标签

这是u标签
这是ins标签

这是i标签
这是em标签

这是s标签
这是del标签

图像标签

这是alt中内容

a标签进行定位

页内定位

<a href="#part">点我进入第二个部分</a>

以下两种方法都可以使a标签定位到:
<p id="part">这是第二个部分</p>
<a name="part">这是第二个部分</a>

跨页面定位

这是第一个页面:
<a href="02目标页面.html#mubiao" >去第二个页面</a>

第二个页面:
以下两种方法都可以使a标签定位到:
<p id="mubiao">这是第二个部分</p>
<a name="mubiao">这是第二个部分</a>

html的特殊字符

今天天气还不错    今天天气真不错 < p > 版权:© 商标:®

列表

无序列表


  • 语文

  • 数学

  • 外语

有序列表


  1. 乒乓球

  2. 羽毛球

  3. 台球

自定义列表


运动

游戏

踢足球

打篮球

跑步



把两个dt放到一个dl中:

1

12

13

2

21

22

表格的使用

cellpadding:单元格内边距
cellspacing:单元格之间的边距
border:单元格的边框宽

规则表格



















标题

列头 列头 列头 列头
内容 内容 内容 内容

不规则表格















跨2个列 1
跨2个行 2 2
3 3

表单元素

文本输入:

文本输入:

密码输入:

性别(单选框):

多选框:

篮球

足球

羽毛球

隐藏内容:

加载本地文件:

下拉列表:

多文本输入:

普通按钮:

form表单:


用户名:

注释

<!--S 这是莲青儿完成的-->
完成内容1
<!--E 这是莲青儿完成的-->

<!--S 这是莲青儿完成的-->
完成内容2
<!--E 这是莲青儿完成的-->