入门一步曲

最新推荐文章于 2024-11-03 16:40:52 发布

寒凡.

最新推荐文章于 2024-11-03 16:40:52 发布

阅读量225

点赞数 1

分类专栏： HTML 文章标签： javascript html 前端

本文链接：https://blog.csdn.net/weixin_52184815/article/details/125367359

版权

本文介绍了网页的基本组成元素，包括图片、文本、视频、音频和超链接等，并详细阐述了网页开发的三个核心部分：HTML负责内容结构，CSS用于美化和装修网页，JavaScript则处理用户交互和动态效果。同时，提到了网页的运行环境——浏览器，以及HTML标签的语义化、双标签、单标签和属性的使用。文章还提及了标题和段落标签的使用，鼓励读者通过练习来掌握基础知识。

摘要由CSDN通过智能技术生成

网页的组成：图片文本视频音频超链接等组成(用户角度)

标签

开发者：

html标签：网页的内容，结构 --> 内容层

css样式：美化装饰装修网页 --> 表现层

javascript(js): 网页和用户的交互行为动态效果，前后端数据交互 --> 行为层

可以放入图片文本视频音频超链接等

网页文件：后缀名/拓展名是html的文件

运行环境：浏览器

浏览器：360 qq 百度 uc 2345 浏览器，谷歌浏览器

html标签：超文本标记语言 --> 语义化

双标签: <标签名>内容</标签名>

单标签: <标签名>

标签属性:<标签名属性名=“属性值”></标签名>
<标签名属性名=“属性值”>

基本结构：

--> 头部标签 --> 网页的标题标签 --> 内容标签 --> 根标签

标签嵌套：1.父子关系包含关系
2.兄弟关系并列关系

常用标签：

网页的标题

标题标签： n:1-6 他会对标签里面的文本加大加粗的显示，数字越大字体越小
align=“” left center right 左中右
在编辑器里对内容格式进行操作，不会影响页面的格式

段落标签:

align=“” left center right 左中右
换行标签：
要在哪换行就在那加
图片标签:< img src=“图片路径”> align=“” left right
a.网络图片路径：一定是带有网络协议的图片路径
b.本地图片路径:图片名.后缀名
本地路径:a.绝对路径
b.相对路径
width=“数字”，设置图片的宽
height=“数字”，设置图片的高
如果只设置其中一个，那么另一个会等比例缩放
title=“文本” 图片的标题
alt=“文本” 图片加载失败时，显示的文本
超链接:< a>内容< /a>
href=“要跳转的页面网址”
href=““会刷新自身一次
href=”#”
href=“javascript:;” 不会跳转页面也不会刷新
href=“文件名.html” 进行本地的页面之间的跳转
target=“_blank” 打开新窗口进行跳转
锚点链接 href=“#id名” 在页面内进行跳转，在页面内进行定位，在要跳转的标签加上id属性 id=“id名”
id名:数字字母下划线，但是不能以数字开头
练习1代码：

<html>
	<head>
		<title>一个普通青年的关心：男博士也会有容貌焦虑？多少钱才够环球旅行？</title>
	</head>
	<body>
		
<a href="#">#刷新</a>
		<a href="">空刷新</a>
		<a href="#one01" id="one02">跳转底部</a>
		<a href="lx002.html">跳转到第二个页面</a>
		<a href="lx002.html" target="_blank">新建窗口</a>
		<a href="https://www.qq.com/">打开腾讯网