html知识小汇（1）——网页基本信信息、基本标签、图像标签、链接标签

木鱼非鸟

于 2021-01-10 21:36:55 发布

阅读量95

点赞数

分类专栏： html、css、js

本文链接：https://blog.csdn.net/weixin_45734378/article/details/112443835

版权

html、css、js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

文章目录

HTML

HTML

w3c标准包括：
结构化标准语言（HTML、XML）
表现标准语言（CSS）
行为语言（DOM、ECMAScript）

网页基本信信息

<!DOCTYPE html>
<!-- DOCTYPE告诉浏览器使用什么规范-->
<html>
	<!--
    	作者：offline
    	时间：2021-01-09
    	描述：基本信息
    -->
    <!-- head标签代表网页头部-->
<head>
	<!-- meta描述性标签，用来描述网站的一些信息-->
	<meta charset="UTF-8">
	<meta name="keywords" content="html,css,js">
	<meta name="description" content="第一个网页">
	<!--网页标题-->
	<title>My First Page</title>
</head>
	<!-- body标签代表网页主体-->
	<body>
	</body>
</html>

网页基本标签

<!--标题标签-->

	<h1>标题标签</h1>

<!--段落标签-->

	<p>我说你是人间的四月天；</p>

<!--换行标签-->
	我说你是人间的四月天；<br />

<!--水平线标签-->

	<hr />

<!--特殊标签-->
		空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
		&gt;
		&lt;
		&copy;

图像标签

<img src="path" alt="text" title="text" width="x" height="y"/>

src:图像地址（必填）
相对路径 …/ (返回上一层路径)
绝对路径
alt:图像的替代文字（必填）
title:鼠标暂停时的提示文字
width:图片宽度
height:图片高度

链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>

href:链接路径
target:目标窗口位置
常用值:_self在自己的标签中打开 _blank在新标签中打开

锚链接

可以实现具体位置的跳转

<a name="top"></a>

<a href="#top"></a>

功能性链接

	<a href="mailto:"></a>

接下来还会有css和js的知识汇总，希望大家在寒假期间也可以保持学习！
如有不对的地方欢迎指出，大家共同进步！

木鱼非鸟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html知识小汇（1）——网页基本信信息、基本标签、图像标签、链接标签

文章目录HTML网页基本信信息网页基本标签图像标签链接标签锚链接功能性链接行内元素和块元素行内元素块元素列表有序列表无序列表自定义列表表格视频和音频iframe内联框架表单文本框密码框单选框多选框按钮文件域文本域下拉框验证性提交搜索框滑块表单验证HTMLw3c标准包括：结构化标准语言（HTML、XML）表现标准语言（CSS）行为语言（DOM、ECMAScript）网页基本信信息<!DOCTYPE html><
复制链接

扫一扫