前端HTML5基础知识

1、body内常用标签

2、img标签

3、列表

4、表格

5、表单

基本标签(块级标签和内联标签):

  • 加粗
  • 斜体
  • 下划线
  • 删除
  • <p>段落标签</p>
  • <br> 换行
特殊字符:
内容 对应代码
空格 &nbsp;
> &gt;
< &lt;
& &amp;
&yen;
版权 &copy;
注册 &reg;
img标签:

<img src=“图片的路径” alt=‘图片未加载成功时的提示’ title=“鼠标悬浮时提示信息” width=“宽” height=“高(宽高两个属性只用一个会自动等比缩放)”>

列表:
1、无序列表 type属性:
  • disc (实心圆点,默认值)
  • circle(空心圆圈)
  • square(实心方块)
  • none(无样式)

2、有序列表

type属性:

  • 1 数字列表,默认值
  • A 大写字母
  • a 小写字母
  • Ⅰ大写罗马
  • i 小写罗马

3、标题列表
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>

表格:
属性:
border :表格边框
cellpadding: 内边距
cellspacing:外边距
width:像素 百分比(最好通过css来设置长宽)
rowspan:单元格竖跨多少行
colspan:单元格横跨多少列(即合并单元格)
表单属性:
属性 描述
accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)
action 规定向何处提交表单的地址(URL)提交页面
autocomplete 规定浏览器应该自动完成表单(默认:开启)
enctype 规定被提交数据的编码
method 规定在提交表单时所用的HTTP方法(默认:get)
name 规定识别表单的名称(对于 DOM 使用:document.forms.name)
novalidate 规定浏览器不验证表单
表单元素:

基本概念: HTMl表单是HTML元素中较为复杂的部分,表单往往和脚本、动态页面、数据处理等功能相结合。 因此它是制作动态网站的重要内容。
表单一般用来收集用户的输入信息

表单工作原理: 访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交。这些信息通过internet送到服务器上。

input:

在这里插入图片描述

发布了26 篇原创文章 · 获赞 5 · 访问量 777

猜你喜欢

转载自blog.csdn.net/weixin_44730235/article/details/105470139