html5基础,关于标签,列表,表格,超链接,图片的插入,表单,css样式的复习【demo1------梦开始的地方】

概要

对于HTML5基础知识的复习巩固

整体架构流程

        对于标签,列表,表格,超链接,图片的插入,表单,css样式以及选择器的复习

技术名词解释

  • 标签

                这是学习html最先接触到的,比如段落标签<p>标签,<h1>~<h6>标签对于字体大小的                 控制,由大到小。

  • 列表

                列表标签是HTML中核心的标签,分为三种:无序列表,有序列表,自定义列表

                无序标签<ul><li></li></ul>

                有序标签<ol><li></li></ol>

                自定义标签<dl><dd></dd></dl>

  • 表格

                表格用于展示数据库中的数据,非常核心的标签<table></table>

                1、align:表格在页面中元素中显示的位置对齐方式,属性值有:left、center、right;

                2、border:表示表格单元是否有边框,默认为空,或者属性值为1;

                3、cellpadding:表示表格单元中内容与边框的距离,内边距,默认为1px;

                4、cellspacing:表示表格单元与表格单元之间的距离,默认为2px;

                5、width:表示表格的宽度。

                

  • 超链接

                标签为<a href=""></a>,作用如下

                1:跳转到某个网页

                2:在页面内部锚定跳转,例如:回到顶部/底部

                target="_blank"表示新开一个页面

  • 图片的插入

                图片标签是img,用来在网页中嵌入一个图片文件,了解:路径、宽高

  • 表单

                表单标签分父元素和子元素

                父元素是from,子元素有很多,以input为核心 

                可以实现登录、注册等功能

                用来向后台服务器提交数据 

  • css选择器

                优先级:id选择器 > class选择器 > 元素选择器

                后代 子代 交集 并集 

                属性选择器 

                伪类选择器     

小结

HTML5基础小结如下:

  1. 标签结构:HTML5使用标签来描述网页的结构和内容。常见的HTML5标签包括<html>、<head>、<body>、<div>、<p>等。

  2. 文本标记:HTML5提供了一系列标记来格式化文本,如<h1>~<h6>用于定义标题级别,<strong>和<em>用于强调文本,<span>用于为文本添加样式等。

  3. 图片标记:通过<img>标签可以在网页中插入图片。可以使用src属性指定图片文件的URL,并可以添加alt属性作为替代文本,以提供图像无法显示时的文字描述。

  4. 链接标记:使用<a>标签创建链接。通过href属性指定链接的目标URL,可以是其他网页、文件或页面内的位置,还可以通过target属性设置链接在新窗口打开。

  5. 列表标记:HTML5提供有序列表(<ol>)、无序列表(<ul>)和定义列表(<dl>)三种列表标记,分别使用<li>、<li>和<dt>/<dd>标记表示列表项。

  6. 表格标记:通过<table>、<tr>和<td>等标记创建表格。使用表格标记可以展示数据,并通过属性设置表格的结构、样式和内容。

  7. 表单标记:HTML5中的<form>标签用于创建表单,通过添加不同类型的输入字段标签(如<input>、<textarea>)来收集用户输入的数据。

以上是HTML5的基础知识要点小结,掌握这些内容可以帮助你开始编写简单的网页,并逐渐扩展到更复杂的项目。

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值