第一次网页前端培训笔记(HTML常用标签)

本文详细介绍了HTML的基本语法,包括标签的使用、整体结构和常见标签,如标题、水平线、注释、列表、段落、字体样式、超链接、图片及表格等。通过实例展示了HTML如何创建网页内容,是初学者理解HTML的关键。
摘要由CSDN通过智能技术生成

1.HTML是超文本标记语言,“超文本”可包含非文字元素。

2.基础语法:

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如 <html>

HTML 标签通常是成对出现的,比如 <b> 和 </b>

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签闭合标签

有单标签(如换行<br>)有双标签(<HEAD></HEAD>)

3整体结构:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

     4.常用标签:

1:标题(Heading)是通过 <h1> - <h6> 标签进行定义的。

<h1> 定义最大的标题。 <h6> 定义最小的标题。

2:

<hr> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

3:

注释是<!-- 这是一个注释 -->

4:

ul无序列表,ol有序列表

5:

div默认占全部宽度,有多少高度占多少。

可以设置div的宽(width)高(height)

通过align设置内容对齐方式

span标签行内元素(不会自动换行)没有宽高

6:

格式化标签

font:字体颜色尺寸风格

pre:预格式化标签,保留空格和换行

B I U del sup(上标) sub(下标)

7:超链接

8:图片

 8:表格

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值