HTML的基本语法和部分常用标签 - 前端随记

首页 > 博客列表 > HTML的基本语法和部分常用标签

博主信息

博文 3

粉丝 0

访问量 1819

专题推荐

更多>

基本语法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
    <meta name="author" content="网页作者">
    <meta name="keywords" content="网页关键词">
    <meta name="description" content="网页描述信息">
    <style>
        /* 这里是CSS样式 */
    </style>
</head>
<body>
    网页内容区域
</body>
<script>
        // 这里是JS代码
</script>
</html>

常用标签

标题（行级元素）
<h1></h1> 定义最大的标题 <h6></h6> 定义最小的标题
段落（行级元素）
<p></p>标签定义段落
链接（块级元素）
<a href="https://www.baidu.com/" target="_blank">百度</a>
target 属性，定义链接的打开形式（本窗口、新窗口）
图片
`
<img src="pulpit.jpg" alt="图片描述信息" width="图片宽度" height="图片高度">

表格

<table>
      <tr>
          <td</td>
          <td></td>
      </tr>
      <tr>
          <td></td>
          <td></td>
      </tr>
  </table>

列表
有序列表

<ol>
<li>京东</li>
<li>淘宝</li>
</ol>

无序列表

<ul>
<li>京东</li>
<li>淘宝</li>
</ul>

自定义列表

<dl>
      <dt>京东</dt>
      <dd>- 京东金融</dd>
      <dt>淘宝</dt>
      <dd>- 淘宝商城</dd>
  </dl>

Iframe窗体

<iframe src="https://www.php.cn/" frameborder="0" width="50%" height="200px"></iframe>

frameborder 定义iframe表示是否显示边框

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

vs code的插件配置、markdown和emmet基本语法

2021-09-25 11:34:31