前端入门笔记--html

已于 2023-02-17 18:41:37 修改
阅读量60 收藏
点赞数
文章标签： html5 Powered by 金山文档
于 2023-02-17 18:34:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ljj_fishhG/article/details/129091386
版权
本文介绍了HTML的基本结构和常用元素，包括<head>和<body>，元标签如<metacharset=UTF-8>，标题<title>，超链接<a>，段落<p>，换行<br>，加粗<b>和斜体<i>，以及图片<img>，音频<audio>，视频<video>的嵌入。此外，还涵盖了列表，表格和表单元素的使用。
摘要由CSDN通过智能技术生成

基础标签

大架子<html></html>

头部<head></head>

主体<body></body>

  • 基础标签meta

<meta charset="UTF-8"> UTF-8最全的编码了

<meta name="keywords" content="">被搜索的关键字

<meta name="description" content="">被搜索时的描述

  • 基础标题title

<title>我是主题</title>

  • 常用标签

  • <a href="">超链接文本</a>

  • <p>我约定段落</p>

  • <br>换行标签(单标签)

  • <hr>分割线

  • <b>加粗</b> <strong>加粗</strong>

  • <u>下划线</u> <ins>下划线</ins>

  • <i>斜体</i> <em>斜体</em>

  • <s>删除线</s> <del>删除线</del>

  • 图片<img src="路径" alt="失败显示" title="鼠标悬浮，我显示" width="" height="">

  • 音乐<audio src="路径" controls autoplay loop>属性：控件显示 自动（不一定成功）循环</audio>

  • 视频 （仅支持mp4 webm ogg格式） <video src="路径" controls autoplay loop muted>静音播放 </video>

  • 标题<h1>一级标题</h1>

  • 还有h2----h5

  • 标题<h6>六级标题</h6>

  • 列表

无序列表

  • <ul>

  • <li>1</li>

  • <li>2</li>

  • <li>3</li>

  • </ul>

有序列表

  • <ol>

  • <li>1</li>

  • <li>2</li>

  • <li>3</li>

  • <li>4</li>

  • </ol>

  • 自定义列表

  • <dl>

  • <dt>小标题1</dt>

  • <dd>单项</dd>

  • dd>单项</dd>

  • <dt>小标题2</dt>

  • <dd>单项</dd>

  • <dd>单项</dd>

  • </dl>

  • 表格

<table border="1">

<caption>标题</caption>

<thead>

<tr>

<th>表头0</th>

<th>表头1</th>

<th>表头2</th>

<th>表头3</th>

</tr>

</thead>

<tBody>

<tr>

<td>2b</td>

<td rowspan="2">下合一格</td>

<td colspan="2">右合一格</td>

</tr>

<tr>

<td>3c</td>

<td>??</td>

<td>??</td>

<td >??</td>

</tr>

</tBody>

<tfoot>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</tfoot>

</table>

  • 表单

<form action=""><!--放在一个form中-->

文本 <input type="text"placeholder="占位符"><br>

密码<input type="password" placeholder="**********"><br>

单选<input name="1" type="radio" checked>男

<input name="1" type="radio">女<br>

多选<label><input type="checkbox" checked>烦</label>

<input type="checkbox" id="two" checked><label for="two">烦2</label>

<input type="file" value="文件" multiple><br>

<input type="submit" value="提交"><br>

<input type="reset" value="重置">

<input type="button" value="按钮">

<button type="button"></button>

<button type="submit"></button>

<button type="reset"></button><hr>

<select name="" id="">

<option value="1">1</option>

<option value="2" selected>2</option>

<option value="3">3</option>

<option value="4">4</option>

</select><hr>

文本框<textarea name="" id="" cols="30" rows="10"></textarea>

</form>

罗伯特_十三
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
大前端入门指南读书笔记 - html
azhang190426的博客
04-11 81
html 分类
黑马前端笔记1--HTML（1）
weixin_51584115的博客
01-11 1785
【参考课程】黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程：b站课程链接 文章目录01 网页的相关概念02 常用浏览器及其内核03 Web标准04 HTML语法规范HTML标签关系05 基本结构标签基本标签结构06 vscode工具创建页面08 DOCTYPE和lang以及字符集的作用文档类型声明标签``页面语言lang字符集Character set**以上三个标签，在vscode中输入 ! 可自动生成**09 标签语义10 标题标签 01 网页的相关概念
HTML+CSS学习笔记（pink老师前端课程笔记--补档）
热门推荐
Tiimmi丶的博客
10-31 1万+
开始于2021年8月3日09点59分 课程学习路线：HTML5-> CSS3->H5C3提高->项目拼优购电商网站 仅更新到H5C3提高的C3提高部分（新增选择器），忙于其他事情，暂不继续更新 文章目录HTML1. HTML标签2. HTML基本结构标签3. 网页开发工具4. 标签语义5. 特殊字符6. 表格标签7. 列表8. 表单CSS基础1. 简介2. 选择器3. 字体属性4. 文本属性5. 引入方式6. chorme调试工具CSS入门1. Emmet语法1.1 快速生成HTML结
尚硅谷前端入门html+css学习笔记——HTML4
qq_62237063的博客
08-04 823
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频网页（淘宝、京东）、小程序（支付宝、抖音）、数据可视化（智慧工地可视化大数据展示平台）、服务器、客户端全称：HyperText Markup Language 译为： 超文本标记语言1996年W3C制定HTML规范，2014年HTML5由W3C正式发布。
手把手前端入门笔记之vue-element-admin-01
weixin_44519948的博客
09-27 649
前端入门教学，基于vue和element-ui一步步实现一个erp系统项目
前端学习笔记|尚硅谷前端入门html+css|HTML4（一）
like_potato的博客
05-29 612
记录一些前端学习笔记~
前端入门教程-pink老师
Lily3619的博客
03-21 139
pink 老师学习笔记 1-10
Vue3入门笔记----登录功能
panzhixiang
11-15 1万+
通过axios、jwt和vuex实现登录功能
【前端学习笔记】HTML 基础
2401_84304834的博客
04-18 1893
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它允许用户通过结合文本、图像、链接、格式等元素来构建网页，并通过浏览器进行解析和显示。HTML文件通常以.html或.htm为扩展名，包含一系列的标签（tags），这些标签用于定义网页的结构、样式和内容。
2024年最新HTML 入门笔记 － 初识HTML，阿里前端开发手册
2401_84447417的博客
05-07 700
标签为文字设置单独样式文本
Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip
05-09
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频尚品汇项目源码
03-06
【标题】中的“尚硅谷前端入门html+css零基础教程”指的是一个由尚硅谷教育机构提供的，面向初学者的前端开发课程，主要涵盖了HTML（超文本标记语言）和CSS（层叠样式表）的基础知识。这个教程是为那些对前端开发...
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
HTML5中canvas绘图基础详解
最新发布
业精于勤荒于嬉，行成于思毁于随
09-08 1213
H5中新增了重要元素canvas,通过绘制任意图形，借助自带API，通过编写js可以控制各种图形，制作动画效果，对web具有划时代意义。
HTML5 主流制作网页的标记语言(1)
daoliuweisong12的博客
09-05 455
HTML是一种用于创建网页的标准标记语言。它不是编程语言，而是由一系列元素组成的标记语言，这些元素告诉浏览器如何显示页面上的内容。CSS用于设置HTML元素的样式，包括布局、颜色、字体等。它允许开发者将内容与表现分离，使得网页的维护更加容易。
HTML5 --- 进阶教程
daoliuweisong12的博客
09-06 1332
本教程涵盖了HTML5的多个进阶知识点，包括语义化标签、表单新特性、多媒体、Canvas与SVG、Web Sockets、Web Storage和Geolocation等。通过实战演示，我们深入了解了这些技术的应用场景和具体实现方法。HTML5作为现代网页开发的核心技术之一，不仅继承了HTML4的所有功能，还引入了大量新特性和API，极大地丰富了网页的表现力和交互性。Canvas是一个用于绘制图形的HTML元素，它提供了通过JavaScript和Canvas API来绘制图形、图表、图像等的功能。
中秋之美——html5+css+js制作中秋网页
Timi2019的博客
09-02 1171
八月十五，秋已过半，是为中秋。“但愿人长久，千里共婵娟”，中秋时节，气温已凉未寒，天高气爽，月朗中天，正是观赏月亮的最佳时令。古人把圆月视为团圆的象征，因此，又称八月十五为“团圆节”。
如何区分html和html5
hexadecimal_001的博客
09-08 357
HTML与HTML5在多个方面存在显著的区别。
在HTML5中使用Noto Sans CJK字体的详细指南
engchina的专栏
09-05 1770
在HTML5中使用Noto Sans CJK字体的详细指南
前端入门：HTML课堂笔记-基础与文本、图片标签解析
"Day02 HTML课堂笔记记录了HTML的基本语法、标签使用、文本标签、图片处理以及路径知识，适合前端零基础入门学习者。" 在前端开发中，HTML（超文本标记语言）是构建网页的基础。这篇课堂笔记详细介绍了HTML的一些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值