【HTML】学习笔记(自用持续更新)

这篇具有很好参考价值的文章主要介绍了【HTML】学习笔记(自用持续更新)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 HTML基本框架

只定义信息,通过标签组成整个页面框架,再通过CSS渲染使得前端页面做的好看

<!DOCTYPE HTML> \\html类型
<html>
    <body>
        <h1>这是一个标题</h1>
        <p>这是一段文字</p>
    </body>
</html>

常用标签

<title></title> 网页标题

<h1></h1> 一级标题

<h2></h2> 二级标题  //标题最多6级

<p></p> 文本段落

<br> 强制换行

<b></b> 加粗

<i></i> 斜体

<u></u> 下划线

<img src="图片链接" width=> 图片 width设置图片宽度

<a href="网页链接" 属性>连接名</a> 打开新窗口添加属性target="_blank"

容器

<div></div> 块级元素,不能一行有多个

<span></span>  一行可以有多个元素

<ol></ol> 有序列表

<ul></ul> 无序列表

<li></li> 列表元素

表格相关

默认表格没有边框,各种设置均需添加参数,添加参数border=""

<table></table> 表格

<thead></thead> 表格头部

<tboday></tbody> 表格主题

<tr></tr> 表格行

<td></td> 单元格

<table>
    <thead>
        <tr>
            <td>表头1</td>
            <td>表头2</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>111</td>
            <td>222</td>
        </tr>
        <tr>
            <td>333</td>
            <td>444</td>
        </tr>
    </tbody>
</table>

calss属性

可被应用于所有元素,可用于区分类别

class=""文章来源地址https://www.toymoban.com/news/detail-681521.html

到了这里,关于【HTML】学习笔记(自用持续更新)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Html + Jquery + Vue前端学习笔记

    输入框里的值变了,data里的查询参数也会跟着变,这就是vue的绑定 @keyup.enter.native 这个代表键盘的回车事件,一般用来做查询 clearable 代表可清空 看一下整体效果 some方法判断数组中是否包含某个值 div富文本显示,u3000代表空格 上移,下移,删除,添加 控制两个按钮切换变

    2024年02月12日
    浏览(39)
  • 线性代数复习公式整理(自用/持续更新)

    设A、B为n阶矩阵 ∣ A T ∣ = ∣ A ∣ left | A^T right | =left | A right | ​ A T ​ = ∣ A ∣ ∣ A m ∣ = ∣ A ∣ m left | A^m right | =left | A right | ^m ∣ A m ∣ = ∣ A ∣ m ∣ k A ∣ = k n ∣ A ∣ left | kA right | =k^nleft | A right | ∣ k A ∣ = k n ∣ A ∣ ∣ A B ∣ = ∣ A ∣ ∣ B ∣ left | AB right |

    2024年02月13日
    浏览(48)
  • 【自用】【持续更新】LaTeX常用基础语法大全

    居中 排序列表 加粗 A 、 A 、 我们 、 我们 、我们 textbf{A}、boldsymbol{A}、boldsymbol{我们}、textbf{我们}、我们 A 、 A 、 我们 、 我们 、我们 斜体 我们 、 我们 textit{我们}、it{我们} 我们 、 我们 向量(顶有向量箭头→) v ⃗ vec v v 估计(顶有尖头hat) y ^ hat{y} y ^ ​ 平均(

    2023年04月13日
    浏览(39)
  • HTML5+CSS3学习笔记(九)前端页面六大布局(文档流布局、浮动布局、定位布局、表格布局、弹性布局、网格布局)

    本系列更多文章,可以查看专栏 HTML+CSS学习笔记 块级元素自上至下垂直排列,行内元素自左至右水平排列 块级元素独占一行,行内元素不会另起一行 默认情况下,height和width决定内容区的大小;内容区、内边距和边框构成可见区域的大小;外边距决定元素的位置 更多内容可

    2024年02月02日
    浏览(61)
  • 【Spring Boot+Thymeleaf+MyBatis+mysql】实现电子商务平台实战(附源码)持续更新~~ 包括sql语句、java、html代码

    源码请点赞关注收藏后评论区留言和私信博主 开发环境:Web服务器使用Servlet容器,数据库采用mysql,集成开发环境为Spring Tool Suite(STS) 电子商务平台分为两个子系统 一个是后台管理系统 一个是电子商务系统,下面分别讲解着两个子系统的功能需要与模块划分 1:后台管理子

    2024年02月09日
    浏览(43)
  • html5——前端笔记

    html页面: !DOCTYPE 不是一个 HTML 标签,它就是 文档类型声明标签,这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页 声明位于文档中的最前面的位置,处于 标签之前。 不是一个 HTML 标签,它就是 文档类型声明标签。 lang 语言种类,用来定义当前文档显示的语言。

    2024年02月10日
    浏览(40)
  • 前端基础---HTML笔记汇总一

    HTML定义 HTML超文本标记语言—— H yper T ext M arkup L anguage。 超文本是什么? 链接 标记是什么? 标记也叫标签,带尖括号的文本 标签分类 单标签 :只有 开始标签 ,没有 结束标签 ( br换行 hr水平线 img 图像标签 ) 双标签 : 成对出现 的标签(但凡需要包裹内容的都是双标签 因为需

    2024年02月11日
    浏览(48)
  • HTML5学习简记(更新中~)

    目录 HTML定义 标签 HTML基本骨架 常见标签 标题标签  段落标签  换行与水平线标签  文本格式化标签         图像标签         绝对路径与相对路径         超链接标签         音频与视频标签  列表标签 无序列表 有序列表  定义列表 表格标签  表格结构标

    2024年02月17日
    浏览(32)
  • 2023前端面试笔记 —— HTML5

    内容 链接 2023前端面试笔记 HTML5 HTML5作为最新的HTML标准,为前端开发带来了许多新的特性和功能。在前端面试中,HTML5的知识和应用已经成为了必备的技能。本篇文章将总结HTML5的 重要知识点和常见面试题 ,帮助读者更好地准备前端面试,提升自己的竞争力。 HTML 超文本标记

    2024年02月11日
    浏览(52)
  • 2023 TVBox 电视盒子 最新配置接口地址 持续更新 公开自用大佬源

    TVBox专业版2023是一款专门为用户打造的电视盒子软件,TVBox官方下载最新版汇聚了海量电视节目与影视资源,用户简单的就能找到自己喜欢的分类板块,都能拥有超赞的观影体验。电影、电视剧、少儿、综艺、动漫、音乐、体育等节目分类特别分明,你想要的这里都能为你提

    2024年02月11日
    浏览(92)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包