HTML架构及一些规则

最新推荐文章于 2024-05-14 16:00:38 发布

mistake11a

最新推荐文章于 2024-05-14 16:00:38 发布

阅读量181

点赞数

文章标签： html

本文链接：https://blog.csdn.net/mistake11a/article/details/115143172

版权

HTML架构及一些规则

一.何为HTML
二.HTML的文档结构
三.HTML语句一些用法规则
四.总结

一.何为HTML

HTML是超文本标记语言（HyperText Markup Language）的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。

HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。

二.HTML的文档结构

使用的编译软件为VS CODE
在文件下输入：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <title>页面标题</title>
</head>
<body>
  <h1>我的第一个Web页</h1>
  <p>当前有点丑：)</p>
</body>
</html>

在这里插入图片描述
HTML 使用"标记"（markup）来注明文本、图片和其他内容，以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如 head，title，body 等等。

检查我们刚创建的 HTML 文档你会发现，整个 HTML 就由一个个元素组成。

三.HTML语句一些用法规则

标题（heading）

HTML 提供了从大到小6级标题，分别是：h1 ~ h6，这些可以随意改变标题的大小。

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
<h3>This is heading 3</h3>
<p>This is some text.</p>
<hr>
<h4>This is heading 4</h4>
<p>This is some other text.</p>
<hr>
<h5>This is heading 5</h5>
<p>This is some text.</p>
<hr>
<h6>This is heading 6</h6>
<p>This is some other text.</p>
<hr>

在这里插入图片描述

超链接

基本上，我们可以把任何东西加上超链接，不过常用的是文本、图片等。

<a href="https://www.baidu.com/" target="_blank">百度一下</a>

1.href即为要跳转去的地址 URL（Uniform Resorce Locator)
2.target属性为_blank表示在新的页面打开超链接（默认是在当前页面打开即_self）
3.超链接标签包含的内容（当前为文字"百度一下"）即为显示在页面上供用户点击的

图片及文件路径 img

插入图片：

<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg" alt="MDB Logo" width="200" height="200">

1.src属性为要显示图片文件的位置 URL，即图片文件的路径
2.alt属性当获取图片出现问题时显示的文字（占位符）
3.可为图片指定高宽度。

表格及显示

输入代码：

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

代码中，tr表示行, td表示行中的单元, th是表头的单元

在这里插入图片描述

四.总结

本次主要初步了解了HTML的一些架构，语法规则，为以后的学习打好地基。

mistake11a

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML架构及一些规则

HTML架构及一些规则一.何为HTML二.HTML的文档结构三.HTML语句一些用法规则标题（heading）超链接图片及文件路径 img表格及显示四.总结一.何为HTMLHTML是超文本标记语言（HyperText Markup Language）的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。二.HTML的文档结构使用的编译软件为VS CODE在文件下输入：<!DOCTYPE html><h
复制链接

扫一扫