一、基本标签，扩展及应用

标签

HTML 标题（Heading）是通过<h1> - <h6>等标签进行定义的。
HTML 段落是通过 <p> 标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。
HTML 图像是通过 <img> 标签进行定义的。

元素

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行
块元素：无论内容多少，该元素独占一行

二、代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>1级标签</h1>
<h2>2级标签</h2>
<h3>3级标签</h3>
<!--段落标签-->
<p>好好学习</p>
<p>天天向上</p>
好好学习
天天向上
<!--水平线标签-->
<hr>
<!--换行标签-->
好好学习<br>
天天向上<br>
<!--粗体，斜体-->
粗体：<strong>i love you</strong><br>
斜体：<em>i love you</em><br>
<!--特殊符号-->
空   格<br>
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br>
&gt;<br>
&lt;<br>
&copy;<br>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>图像标签学习</title>
<!--快捷键：img+tab键-->
</head>
<body>
<!--img标签
src:图片地址 相对地址，绝对地址
../ 上一级目录
alt:图片名字
title：悬停文字
width：宽度
height：高度
等等
-->
<img src="../resources/image/java.png" alt="Java学习" title="悬停文字" width="1250" height="600">
<a href="4.连接标签.html#down">跳转到第四个网页的底部</a>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>连接标签学习</title>
<!--快捷键：a+tab-->
</head>
<body>
<!--a标签
href:必填,表示跳转到哪个页面
target:表示窗口在哪打开  _blank新标签打开  _self在自己网页打开
-->
<!--文本超链接-->
<a href="https://www.baidu.com" target="_blank">点击我跳转到百度</a>
<!--图像超连接-->
<a href="https://www.baidu.com"><img src="../resources/image/java.png" alt="Java学习" width="1250" height="600"></a><p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<!--锚链接
1.需要一个锚标记
2.跳转到标记
3.#top
-->
<a href="#top">回到顶部</a><br>
<a name="down">底部</a><br>
<!--功能性链接
邮件链接：
-->
<a href="mailto:1553537899@qq.com" target="_blank" title="点击联系我">点击可以联系我的QQ</a><br>
</body>
</html>

三.测试

作者有话说

博客创作不易，希望看到这里的读者，动动你的小手点个赞，如果喜欢的小伙伴可以一键三连，作者大大在这里给大家谢谢了。

HTML学习02之基础；元素；属性相关推荐

jQuery学习3：操作元素属性和特性
特性属性:是指DOM元素中能够和HTML元素中某个特性对应得上的属性. 下面就列出jQuery中提供的方法: 操作元素属性:each(iterator)遍历包装集里所有元素,为各元素分别调用传递进来的 ...
Spring框架学习3：bean元素属性
Spring的bean的常用属性 1.scope scope用来配置bean对象是否是单例模式.单例模式是java的23种设计模式之一,指在这个项目运行中一个类的对象只会实例化一次,一般工厂创建的类都 ...
BPMN基础元素及任务类型
01 BPMN定义 BPMN(Business Process Modeling Notation,即业务流程建模符号),是一种流程建模的通用和标准语言,用来绘制业务流程图,以便更好地让各部门之间理解 ...
《Ansible权威指南》一第2章 Ansible基础元素介绍
本节书摘来自华章出版社<Ansible权威指南 >一书中的第2章,第2.1节,李松涛魏巍甘捷著更多章节内容可以访问云栖社区"华章计算机"公众号查看. 第2章 ...
微信小程序_基础组件学习02
微信小程序_基础组件学习02 swiper组件 swiper是滑块容器,也就是手机端的轮播图. swiper组件有两部分组成swiper和swiper-item. swiper-item需要放在swi ...
JavaScript学习笔记02【基础——对象（Function、Array、Date、Math）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
Linux中的Java类,Java基础入门学习－Java中类的属性
Java基础入门学习-Java中类的属性发布时间:2006-05-27 00:46:15来源:红联作者:WWW Public.private.protected显示了三种类中的属性和服务的类型,pu ...
C基础学习笔记——01-C基础第02天（用户权限、VI操作、Linux服务器搭建）
在学习C基础总结了笔记,并分享出来.有问题请及时联系博主:Alliswell_WP,转载请注明出处. 01-C基础第02天(用户权限.VI操作.Linux服务器搭建) 打开终端:ctrl+alt+t ...
02.PyTorch基础操作(3-1 机器学习中的分类与回归问题-机器学习基本构成元素)
@[TOC](02.PyTorch基础操作(3-1 机器学习中的分类与回归问题-机器学习基本构成元素)) 来自慕课网一.3-1 机器学习中的分类与回归问题-机器学习基本构成元素

HTML学习02之基础；元素；属性

一、基本标签，扩展及应用

二、代码

三.测试

作者有话说

HTML学习02之基础；元素；属性相关推荐

最新文章

热门文章