二十分钟掌握简单网页的基本语句

简单网页的基本语句

写在前面

此贴为本人(新人)根据所学经验知识总结的,如有错误请各位大佬指正,谢谢!

对整体的认识

首先一个完整的网页要有html,其次有“头”–head,还有“身体”–body。其次,有开始就有结束,所以完整大致结构如下。

<html>
   <head>
   </head>
   <body>
   </body>
</html>
一些常用语句

现在整体的大结构知道了,在往结构里填一些具体的语句就能实现特定的功能。
1.插入标题

<h3>...</h3>

根据大小不同分为h1,h2,h3,h4,h5。代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述

  1. 插入文字段落
<p>......</p>

代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
3.插入列表
分为无序列表

<ul>
   <li>...</li>
</ul>

有序列表

<ol>
   <li>...</li>
</ol>

无序列表代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
4.插入图片

<img scr="..."  width="..%"/>

代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
5.插入音频

<audio scr="..." controls/>

代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
6.插入视频

<video scr="..." controls/>

代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
7.插入超链接

<a href="...">...</a>

代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
8.插入表格

tablle>
  <tr>
    <td>...</td>
</table>

代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
9.输入信息密码等
输入文本信息

<input type="text">

输入密码

<input type="password">

总体代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述
或者选择颜色生日等

<input type="color">
<input type="date">

总体代码和效果演示如下。
在这里插入图片描述
在这里插入图片描述

总结

以上就是一个简单网页的一些基本的语句,基本上的一些实用语句就是这些,如果有增加意见请回复。谢谢。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值