前端~html页面

这篇博客详细记录了HTML的基础内容,包括HTML的基本结构、各种标签的使用,如文本、图片、列表和布局标签。特别强调了块状元素和行内元素的区别,以及它们在设置宽高和边距上的不同。此外,还介绍了超链接的作用、表格标签、表单以及框架的使用,最后提到了HTML中的转义符号。
摘要由CSDN通过智能技术生成

HTML课堂笔记

1. HTML基本结构

<!DOCTYPE html> 
<html> <!-- 根元素 -->
	<head> <!-- 头元素,用于指定HTML文章中的一些元数据:meta:定义页面的编码格式;title:定义页面的标题-->
		<meta charset="utf-8">
		<title></title> <!-- 页面标题格式 -->
	</head>
	<body> 
        <!--body,主体:浏览器显示的内容都将在这里编写-->
	</body>
</html>

2. 标签

<html>围堵标签</html> <!-- 有开始标签和结束标签 -->
自闭和标签 <br/> <!-- 开始标签和结束标签都在一个标签中 -->

1. 文本标签

文本标签 <h1>1级标签</h1>  <h2>2级标签</h2>
段落标签 <p></p>
换行标签 <br/>
水平线标签 <hr/>
范围标签 <span></span>

2. 图片标签

<img src="图片路径" title="标题" width="宽度" height="高度" />
<area shape="形状" coords="特殊标记点" herf="跳转页面" title="标题">

3. 列表标签

<!--无序列表-->
<ul> 
    <li></li> <li></li> 
</ul>  
<!--有序列表-->
<ol>
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值