html基础

最新推荐文章于 2024-08-26 22:59:32 发布
最新推荐文章于 2024-08-26 22:59:32 发布
阅读量199 收藏
点赞数
分类专栏： May 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45751796/article/details/122226786
版权

html基础

标签基本语法

html - 通过不同的标签来给网页提供不同的内容
html中的标签有双标签和单标签两种
1)双标签
<标签名 属性1=属性值1属性2=属性值2 …>标签内容</标签名>
2)单标签
<标签名 属性1=属性值1-属性2=属性值2·…>·或者<标签名-属性1=属性值1-属性2=属性值2·…/>
说明:
    a.标签名不是程序员自己命名的,而是html提前规定好的
    b.每个标签是单标签还是双标签是确定的,不能修改
    c.不管属性值的本质是什么数据，属性值都必须写在双引号里面
    d.双标签的标签内容可以是任何内容，包括:只要文字、其他一个或者多个，一层或者多层标签、标签和文字的组合

常用标签

<!-- 版本说明 -->
<!DOCTYPE html>
<!-- 
 html标签 - 代表整个网页
 head标签 - 网页顶部，主要负责网页图标和网页标题的显示
 body标签 - 网页内容的显示
 -->
<!-- 

 -->
<html>
	<head>
		<!-- 设置网页编码方式 -->
		<meta charset="utf-8" />
		<!-- 设置网页标题 -->
		<title>day——one</title>
		<!-- 设置图标
		link标签	-	导入外部文件
			1)rel属性	-	文件的作用
			2)type属性	-	导入的文件的类型和文件后缀;
						text/css  -  文本文件/后缀是.css
						image/png  -  文本文件/后缀是.png
			3)href属性	-	文件路径
		 -->
		<link rel="icon" type="image/png" href="./img/2.png"/>
	</head>
	<body>
		<!-- 1.标题标签: h1~h6 -->
		<h1 id=b>标题1</h1>
		<h2>标题2</h2>
		<h3>标题3</h3>
		<h4>标题4</h4>
		<h5>标题5</h5>
		<h6>标题6</h6>
		<!-- 2.p标签 
		一个p标签的内容会单独占一行
		-->
		
		<!-- 3.行内文字标签:span -―>
		
		<!-- 4.加粗和倾斜:b、i(行内的)—->
		
		<!-- 5.图片标签: img
		 src属性: 本地图片地址或者网络图片地址(决定要显示的是哪张图片)
		 title属性: 当鼠标移动到图片上显示的内容
		 -->
		<!--显示本地图片-->
		<img src='./img/1.png' title="本地图片">
		<!--显示网络图片-->
		<img src='https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png' title="网络图片">
		<!-- 6.超链接 : a
		target属性	-	跳转方式; _self(默认值,直接在当前网页中加载新的页面)、_blank(在新的窗口中加载新的页面)
		href属性	-	跳转地址
			情况一:网页地址	-	跳转到新的网页
			情况二:本地html文件路径	-	打开本地页面(本地跳转)
			情况三:id选择器  ―  网页精确定位
		-->
		<!-- 文字超链接 -->
		<a href="http://www.baidu.com">百度</a>
		<!-- 图片超链接 -->
		<a href="http://www.baidu.com">
			<img src='./img/1.png' title="本地图片">
		</a>
		<!-- 描点超链接 -->
			<a href="#b">跳转到id=b标签的位置</a>
	</body>
</html>
windrainjs
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html基础教程之HTML 标题
html基础教程
02-03 4479
HTML标题 在 HTML 文档中，标题很重要。 HTML 标题 标题（Heading）是通过 <h1> – <h6> 标签进行定义的. <h1> 定义最大的标题。 <h6> 定义最小的标题。 实例 <h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这...
HTML基础网页布局代码写法
m0_51826406的博客
03-07 8749
W3C标准 W3C World Wide Web Consortium 万维网联盟 中立性技术标准机构 W3C标准包括 结构化标准语言（HTML XML） 表现标准语言（CSS） 行为标准（DOM ECMAScript） 在idea创建一个工程 开始学习HTML基础 <!--注释 DOCTYPE：告诉浏览器我们使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head代表网页头部 --> <hea
html下拉列表框设置两个,怎么使用HTML option标签添加两个value
weixin_39983051的博客
06-03 1072
怎么使用HTML option标签添加两个value发布时间：2020-07-13 09:15:45来源：亿速云阅读：215作者：Leah这篇文章将为大家详细讲解有关怎么使用HTML option标签添加两个value，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。首先先看看HTML option标签的意思：option 元素定义下拉列表中的一个选项...
HTML基础标签
weixin_45348240的博客
03-23 6071
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
HTML基础
EX1332914934的博客
10-05 1万+
1.HTML初识 HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。 HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML总结： html 是超文本标记(标签)语言 我们学习html 主要学习html标签 我们用html标签描述网页元素。 比如 图片标签 、文字标签、链接标签等等 标签有自己的语法规范，所有的html标签都是用 <> 表
HTML基础之表单制作
热门推荐
TangJing_的博客
05-14 2万+
一、知识点 1、表单的作用： 信息的收集 数据的验证 在线考试 调查问卷 2、表单的构成 提示性文字：提示用户如何操作（一般由placeholder属性完成） 表单域：相当于一个容器，包含若干表单控件 表单控件：具体的功能项（按钮，下拉列表，输入框等） 3、表单域 <form action="远程服务器的URL(存放地址)" method="信息的提交方式" name="表单名"> 表单内容 </form> 4、表单控件 （1）input：输入框。都有val
HTML基础知识点大全
m0_69674158的博客
05-04 6892
一、什么是HTML HyperText Markup Language，即超文本标记语言 二、第一个HTML <！doctpye html> <html> <head></head> <body></body> <html> 三、常用的标签🀄️🀄️🀄️ 1⃣️p 标签 ，段落标签，占整行 2⃣️img 图片标签： ①src 图片路径：绝对路径http://xxx.xx/xx/x.jpg 相对路径..
HTML基础知识总结
ss810540895的博客
05-05 8650
是告诉浏览器这是html文档的开始。Html文档的最后一个标签是之间的文本是头部信息，在之间的文本是文档标题，会显示在浏览器的窗口的标题栏。设置网页编码的语句为，是在
HTML基础教学
Skywalker10的专栏
05-25 8578
课题:HTML基础课时:8课时一、  教学目标1.  了解WEB静态网页结构。2.  掌握HTML网页布局。3.  掌握HTML中最常用的标签。4.  掌握CSS在标签中的用法。5.  掌握网络教程的学习及使用方法。6.  了解HTML语义化。二、    教学重点1.  掌握HTML网页布局。2.  掌握HTML中最常用的标签。3.  掌握CSS在标签中的用法三、    教学难点1. 如何运用HT...
《Web程序设计基础R》实验报告---HTML基础
一只小鹿的博客
12-21 4748
一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单表单页面。 二、实验环境 计算机、Windows10 操作系统 三、实验内容、源码及运行结果 1．  实验内容 在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： 1. <html> 2. <head> 3. <title>Example</title&
HTML基础模板
qq_61690596的博客
07-18 2051
HTML基本模板，每个基础元素的内容和作用
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
HTML静态网页成品作业(HTML+CSS+JS)——体育足球介绍设计制作(3个页面)
2301_78945238的博客
08-23 392
HTML静态网页成品作业(HTML+CSS+JS)——体育足球介绍设计制作(3个页面)
【HTML】模拟消息折叠效果【附源代码】
Young_Pro的博客
08-26 896
通过 Html 搭配 CSS 和 JavaScript 模拟消息折叠效果，点击展开消息，再次点击即可收起消息
Java学习Day33：HTML 第三章：挟魂崖
weixin_51721783的博客
08-21 1013
JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。1、什么是dom？dom，全称Document Object Model文档对象模型，是 W3C 的标准；[所有浏览器公共遵守的标准]。用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。2、dom组成：由HTML、CSS、事件（交互）组成。
html快速入门
m0_52049533的博客
08-22 471
/
响应式Web设计:纯HTML和CSS的实现技巧
m0_66995023的博客
08-20 787
使用百分比单位 (%) 或者相对单位 (em, rem) 定义宽度和高度，使元素能够根据容器大小自动调整。使用相对单位 (em 或 rem) 来设置字体大小，以便它们可以根据父元素或根元素的字体大小自动缩放。通过调整字体大小、颜色和间距来创建清晰的视觉层次，帮助用户更容易地导航和理解页面内容。从最基本的功能开始构建网站，然后逐渐添加更复杂的功能，确保所有用户都能访问基本内容。（1）使用不同的设备和浏览器进行测试，确保网站在各种环境下都能良好工作。（2）利用浏览器的开发者工具来模拟不同的屏幕尺寸和设备。
java一键生成数据库说明文档html格式
最新发布
无极低码
08-26 231
要验收项目了，要写数据库文档，一大堆表太费劲了，直接生成一个吧，本来想用个别人的轮子，网上看了几个，感觉效果不怎么好，自己动手写一个吧。抽空再把字典表补充进去就OK了先看效果：目录快速导航生成效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值