学习html笔记

已于 2022-05-16 10:58:05 修改
阅读量43 收藏
点赞数 1
分类专栏： 前端学习 文章标签： html 前端
于 2022-05-15 23:57:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44579687/article/details/124777354
版权

学习html笔记

文章目录

基本结构

<html>
	<!--页面头部-->
	<head>
		<!--页面名称-->
		<title></title>
	</head>
	<!--页面主体-->
	<body>
	</body>
</html>

文本标签

示例

<!--标题标签1~6-->
<h1>1</h1>
<h2>1</h2>
<h3>1</h3>
<h4>1</h4>
<h5>1</h5>
<h6>1</h6>

<hr/><!--横线标签-->

<p>内容</P>

<b></b><!--粗体标签-->

<i></i><!--斜体标签-->

<br/><!--换行标签-->

特殊符号

	  &lt;<!-- < -->
	  &gt;<!-- > -->
	  &nbsp;<!-- 空格 -->
	  &#38;<!-- & -->

图片标签

<!--src:图片链接/位置 title:鼠标放在图片上显示的文本 
alt:图片失效时显示的文本-->
<img src="" title="" alt="" />

导航标签

<!--href:导航链接地址 target:定义被链接的文档在何处显示-->
<!--target的属性值：_blank:新窗口；_self:默认；_parent:父窗口；-->
<a href="" target=""></a>

表格标签

<table>
	<!--表格标题-->
	<caption></caption>
	<!--表格页眉-->
	<thead>
		<!--分行-->
		<tr>
			<!--表头-->
			<th></th>
		</tr>
	</thead>
	<!--表格主体-->
	<tbody>
		<tr>
			<!--单元格-->
			<td></td>
		</tr>
	</tbody>
	
	<!--表格页脚-->
	<tfoot>
		<tr>
			<td></td>
		</tr>
	</tfoot>
	
</table>

form表单

<form>
	<!--fieldset标签：一组相关的表单元素，并使用外框包含起来-->
	<fieldset>
		<!--legend标签：fieldset元素的标题-->
		<legend></legend>
		<!--type类性选择：text(文本)、password(密码)、radio(单选)、checkbox(复选)、submit(提交)、select(下拉菜单)、option(下拉列表选项)
	    value类型：规定按钮初始值-->
		<input type="" name="" value="">
	
		<!--type类性：submit(提交)、reset(重置)、button(按钮)-->
		<button type="" name="" value="">
	</fieldset>
</form>

列表标签

无序列表

<ul>
<li></li>
<li></li>
</ul>

有序列表

<ol>
<li></li>
<li></li>
</ol>

div标签

定义了文档的区域，块级
通常和CSS配合使用

<div>
	<!--span标签：对文本中的一部分进行着色-->
	<p>这是一个在 <span style="color:blue">div 元素</span>中的文本。</p>
</div>
孙喆.Vinci
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5学习笔记
m0_61721166的博客
03-08 8920
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
html学习笔记
l31299的博客
04-13 388
在慕课网上学习后，将基础知识记录下来以供查阅。 2018.4.13 1.HTML &lt;html&gt;&lt;/html&gt;称为根标签，所有的网页标签都在&lt;html&gt;&lt;/html&gt;中。 &lt;head&gt; 标签用于定义文档的头部，它是所有头部元素的容器。 &lt;head&gt;标签中包含文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含...
黑马程序员 HTML5 学习笔记
susu的博客
07-14 2052
1.html语法规范2.html基本结构标签3.开发工具4.html常用标签5.html中注释和特殊字符
HTML学习笔记
m0_58761900的博客
09-16 2485
6.表格标签：table 可以给table加属性： border：加边框 th：加表头 width/height：控制高度宽度 cellspcing：去掉单元格空隙 cellpadding：内容距边框的距离，默认是1像素 align：表格相对于周围元素的对齐方式，比如align=“center” 7.列表标签： （1）无序列表：ul li （2）有序列表：ol li （3）自定义列表：dl（总标签）、dt（小标题）、dd（围绕标题来说明） 8.表单标签：form
空闲时间学习HTML笔记.zip
03-14
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...
HTML学习笔记pdf版
07-19
HTML 学习笔记简介 1. 概述 HTML（HyperText Markup Language，超文本标记语言）是用于创建和结构化网页内容的标准语言。它定义了网页中的各种元素和其布局方式，包括文本、图像、链接、表格等。 2. 基本结构 ...
html学习笔记.zip
04-05
介绍了html中代码格式和常用标签 #HTML格式 * `<!DOCTYPE html>`---------*注明文件使用格式* `<html lang="en">`--------*注明网页使用语言 en-英语 zh-CN-中文* `<head>`--------*头部* `...
html--图片变化
2301_81140745的博客
07-20 411
2.点击上传图片会有变化。
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
apple_68589597的博客
07-21 662
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
HTML、CSS、JS浅浅浅浅浅解
lbdking的博客
07-20 610
初识Web web标准 web标准也被称为网页标准，由一系列的标准组成，大部分由W3C（World Wide Web Cnsortium，万维网联盟）负责制定。 三个组成部分 HTML:负责网页的结构（页面元素和内容）。 CSS：负责网页的表现（页面元素的外观，位置等页面样式，如：颜色、大小等）。 JavaScript：负责网页的行为（交互效果）。 HTML HTML：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片，音频，视频等内容。 标记语言：由标签构
前端学习（二）之HTML
2302_79795489的博客
07-18 949
在<input type="text" name="username" value="西瓜大侠">中，2、单选和多选：radio和checkbox（对应value为选项的值，当选中时，这个值会被提交）3、按钮：button、submit和reset（对应value为按钮上的标签文本）4、隐藏字段：hidden（对应value为隐藏在表单中的用户不可见的数值）段落格式标签：加粗b，斜体i，下划线u，删除线s，换行br，水平分割线hr。1、name：给表单控件起的名字，服务器靠这个名字来识别和获取输入的数据。
HTML启动本地EXE的通用方法
07-22 493
HTML启动本地应用的解决方案
Web前端：HTML篇（二）元素属性
最新发布
sjb2274540432的博客
07-22 500
属性是 HTML 元素提供的附加信息。
HTML零基础自学笔记（上）-7.18
weixin_45802917的博客
07-21 618
HTML是什么？都有哪些常用标签？文件的相对路径和绝对路径，特殊字符
我希望在我运行 python程序的时候 就可以有创建了一个简单的升级动画，显示用户的当前等级，并在升级时更新显示_html
m0_57411304的博客
07-22 309
document.getElementById('level').textContent = `当前等级: ${level}`;document.getElementById('upgrade').textContent = `升级到${level}!'初级': document.getElementById('level1'),'中级': document.getElementById('level2'),'高级': document.getElementById('level3')
html笔记
weixin_51644244的博客
07-22 1514
/</</</本地访问：file:///D:\Project\html\html01\html01/第一章.htmlhttp://https:// 加密协议网络传输协议 超文本传输协议常见的：** < a >、< strong >、< b >、< em >、< i >、< del >、< s >、< ins >、< u >、< span >、< img />、< input />、< select >、< textarea >、< br />**、等，其中 < span > 标签是最典型的行内元素。
简约的悬浮动态特效404单页源HTML码
爱酷码的博客
07-18 507
简约的悬浮动态特效404单页源HTML码，页面简约美观，可以做网站错误页或者丢失页面，将下面的代码放到空白的HTML里面，然后上传到服务器里面，设置好重定向即可
黑马html学习笔记
09-15
以下是一些HTML学习笔记的内容： 1. HTML的全称是超文本标记语言，它用于创建网页和网页应用程序的结构。 2. HTML使用标签来定义页面的不同元素。例如，标签用于定义一个标题，标签用于定义一个段落等。 3. HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值