HTML学习总结（更新中）

最新推荐文章于 2024-06-19 01:21:22 发布

mavenue

最新推荐文章于 2024-06-19 01:21:22 发布

阅读量297

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/qq_45514806/article/details/115605515

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章目录

HTML简介
HTML基本框架
HTML标签
- HTML常用标签
HTML注释
HTML属性
- HTML常见属性
HTML 链接
HTML表格
HTML表单

HTML简介

HTML(HyperText Markup Language)超文本标记语言
HTML是一门标记语言，不是编程语言
标记语言是一套标记标签（markup tag）
HTML使用标记标签来描述网页
HTML文档包含了HTML标签及文本内容

HTML基本框架

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Title</title>
    </head>
    <body>
        网页呈现的内容写在body标签中
    </body>
</html>

HTML标签

HTML标签是由尖括号包围的关键词，如
HTML标签通常是成对出现的
HTML标签形式 <标签属性=“值”>内容</标签>

HTML常用标签

标签名	作用
h1~h6	h(heading)标题标签，分别代表一级标题~六级标题
hr	在HTML页面中创建水平线
p	段落标签
br	换行标签

HTML标签参考手册

HTML注释

HTML的注释写在标签中

HTML属性

HTML中的标签可以设置属性
属性可以在标签中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，如：name=“value”

HTML常见属性

属性	描述
class	为html元素定义一个或多个类名
id	定义元素的唯一id
style	规定元素的行内样式

HTML属性参考手册

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

使用a标签来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

语法<a href="">链接文本</a>

实例

百度搜索

HTML表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
实例代码

<table border="1">
   <tr>
       <td>row 1, cell 1</td>
       <td>row 1, cell 2</td>
   </tr>
   <tr>
       <td>row 2, cell 1</td>
       <td>row 2, cell 2</td>
   </tr>
</table>