初识HTML（1）

最新推荐文章于 2023-08-31 14:46:23 发布
最新推荐文章于 2023-08-31 14:46:23 发布
阅读量187 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czx1826488201/article/details/100894572
版权

HTML: 超文本标签语言

超文本：可以添加图片，视频，音频等

HTML骨骼框架语法

<html>
	<head> #文档头部
		<title>标题</title> #文档标题
	</head>
	<body> #文档主题
      内容
	</body>
</html>

HTML标签

双标签：一对出现，如：
单标签：单独，如：
非常少
/: 关闭符

HTML标签关系
父子关系

> <html> 
> 		<head> </head> 
> </html>

并列关系

<head>
</head>
<body>
</body>

文档类型<!DOCTYPE>

<!DOCTYPE html>

这句话告诉我们，使用的是html5的版本

字符集

<meta charset=utf-8> #utf-8包含全世界所有国家需要的字符，这样写，不会乱码

HTML语义化标签
结构清晰，便于理解

HTML常用标签
标题标签
head 头部.标签
title 文档标题
注意：标签只有6个级别

  <body>
    	<h1></h1>
    	<h2></h2>
    	<h3></h3>
    	<h4></h4>
    	<h5></h5>
    	<h6></h6>
  </body>

段落标签

<p></p>

水平线标签

<hr />

在网页中显示默认式的水平线

换行便签

<br />

div用来布局
span 也是用来布局：一行可以放两个

文本格式化便签
加粗：

1）<strong></strong>(常用) 2） <b></b>

斜体

1）<i></i>
2）<em></em>(推荐)

加删除线

1） <s></s>
2)  <del></del>（推荐）

加下划线

1)<u></u>（不常用）
2)<ins></ins>

图像标签(重点)

<img src = "图像URL" />#URL图像路径

在这里插入图片描述
在这里插入图片描述
链接标签

<a href="跳转目标" target="目标窗口弹跳的方式">跳转目标名</a>＃target可有可无，默认target="_blank"

１）外部链接：跳转目标：为你要跳转的网址
２）内部链接：内部网页名．html
３）如果没有确定链接目标，通常写成href＝"#"

例子
在这里插入图片描述
锚点定位
意思就是通过目录，直接点击去往相应内容
目录那里改成：<a href="#名称">1、内容</a>
内容那里：<h3 id = "名称">1、内容</h3>

base标签（单标签）
以新链接打开
在这里插入图片描述
特殊字符
用法：-----&nbsp;特殊字符&nbsp;------
在这里插入图片描述
注释标签：
优点：团队合作，写给队友看的
语法：

<!--内容-->`

路径（重难点）

  • 相对路径

1）、图像和HTML文件位于同于一文件夹；只需输入文件名称即可<img src="图像名+后缀名" />

2）、图像位于HTML文件下一级文件夹；输入文件夹名和文件名，二者之间用“/”隔开<img src="文件夹名/~~~/图像名+后缀名" />

3）、图像位于HTML文件上一级文件夹，用…/ <img src="../图像名+后缀名" />#../表示上一级的意思

  • 绝对路径
    图片存放的位置和HTML文件存放的位置不在同一个磁盘，找路径是通过点击图片，然后右击，查看属性里的位置来查找的，这种方法很少用

网页地址这种常用：<img src="网页图片地址" />

列表标签

  • 1）无序列表（重点）

基本语法：

<ul>
	    <li>内容</li>
	    <li>内容</li>
	    <li>内容</li>
	    <li>内容</li>
</ul>

在这里插入图片描述
注意：ul里面只能有<li>标签，li标签相当于一个容器，可以容纳所有元素。
在这里插入图片描述

  • 2）有序列表（了解）
    基本语法：
    在这里插入图片描述
    在这里插入图片描述
  • 3）自定义列表（理解）

基本语法：

    <dl>
		<dt>内容</dt>
		<dd>对dt的内容进行解释</dd>
		<dd>对dt的内容进行解释</dd>
		<dd>对dt的内容进行解释</dd>
	</dl>

在这里插入图片描述

闲人散客
关注
初识HTML5，认识html
03-05
【初识HTML5，认识HTML】 HTML5是超文本标记语言（HyperText Markup Language）的第五个版本，是用于创建网页的标准标记语言。自2014年正式发布以来，HTML5已经成为现代网页开发的核心，它极大地提升了用户体验，...
前端,初识HTML,HTML基础
05-22
前端第一课,接触HTML,入门新手第一课
css 强制换行_有关于CSS核心样式的详解以及关于HTML5和CSS3的新属性浅谈
weixin_39926678的博客
11-22 122
CSS核心样式font-weight:作用：设置文字是否加粗显示。属性名：font-weight，属于font属性的一个单一属性。属性值方式：单词类型，数字类型。单词类型：(常用)normal 默认值，定义标准字体bold:定义粗体字符，b,strong标签的默认值。数字类型：100-900之间的整百数字，数字越大，文字显示越粗，其中400等价于normal，700等价于bold。字体风...
(css)span内容超出自动换行
nyf_unknow的博客
02-17 2715
最近使用： 1.word-wrap: normal|break-word; 允许长单词换行到下一行：2.word-break: normal|break-all|keep-all; 在恰当的断字点进行换行：white-space：解决参考：https://blog.csdn.net/weixin_42361056/article/details/121533532
【HTML】处理＜br＞换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法，字符串中包含HTML标签被转义的问题 解决
asdfgh0077的博客
05-03 770
【HTML】处理<br>换行符追加到前端换行无效的问题 --- html中渲染的字符串中包含HTML标签无效的处理方法，字符串中包含HTML标签被转义的问题 解决
Web前端之Html中的换行或回车符号不起作用的解决办法、white、space、line、pre、br
热门推荐
我的"CSDN"博客主页地址：https://mengjian.blog.csdn.net/
08-31 1万+
Web前端之Html中的换行或回车符号不起作用的解决办法、white、space、line、pre、br
HTML基础知识day2
hzbobhz的博客
12-22 305
加粗和斜体 加粗 加粗标签可以使网页中字体变粗，更能引起人们的注意。 代码如下： <!DOCTYPE html> <html> <head> <meta charaset="utf-8"> </head> <body> <strong>加粗的字体</strong> 未加粗的字体 </body> </html> 斜体 ...
HTML之初识HTML
manong3041的博客
10-18 528
一、初识HTML 目录：初识HTML、网页基本信息、网页基本标签 1.初识HTML 1）什么是HTML? Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等。 2）HTML的发展史 HTML的发展历程 HTML在1993年6月互联网工程工作小组工作案发布（并非标准）。 HTML2.0—1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布过时。 HTML3.2—1996年1月14日，W3C推荐标准。 HTML
【HTML5】->初识HTML->HTML简单介绍&HTML5基本元素讲解
01-08
HTML边缘探索Ⅰ HTML简介Ⅱ HTML到HTML5—-HTML发展历史Ⅲ HTML5简介Ⅳ HTML5环境Ⅴ HTML5基本元素介绍Ⅵ 写一个最简单的HTML程序 Ⅰ HTML简介 超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用...
《初识HTML5—当当网图书分类页面》上机作业.rar_html作业当当_当当htmlcss_当当网_当当网html_当当网图书
07-15
这是一个当当网主页的HTML+CSS代码实现，希望对大家有用
HTML基础：常用文本格式化标签（换行，加横线，加粗，斜体字等）
qq_63389054的博客
04-23 3988
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、常用文本格式化标签 二、演示 1.代码演示 2.效果演示 总结 前言 HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体or斜体 这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。 一、常用HTML文本格式化标签 标签 描述 <b> 定义粗体文字 ...
html 强制换行
suoyihen
09-07 2747
通常我们在编写html页面的时候，我们一般都会在&lt;td&gt;或者&lt;div&gt;里面通过设定样式来控制 table 或者 div 的宽度 例如: &lt;table width="603" border="1" cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; &lt;td style=&
strong标签简介
qq_26473055的专栏
03-18 1590
标签和 标签" href="http://www.w3school.com.cn/tags/tag_em.asp"> 标签一样，用于强调文本，但它强调的程度更强一些。 浏览器通常会以不同于 标签的方式来显示 标签中的内容，通常是用加粗的字体（相对于斜体）来显示其中的内容，这样用户就可以把这两个标签区分开来了。 如果常识告诉我们应该较少使用 标签的话，那么 标签出现的次数应该更少。
多台三相逆变器并联（本模型为三台并联，市面上多为两台并联）matlab simulink仿真 功能：实现并联系统中各逆变器输出
最新发布
10-09
多台三相逆变器并联（本模型为三台并联，市面上多为两台并联）matlab simulink仿真。 功能：实现并联系统中各逆变器输出功率均分。 （有能力的话还可以研究下垂特性、功率指令以及静态功工作点三者之间的联系） 控制策略：VSG控制策略（同步机控制） 逆变器主电路：三相逆变器，LCL滤波电路，VSG控制模块。 VSG控制模块：定、转子方程，dq变，电压电流双闭环，预同步，pwm发生器。
Ringtones波点音乐-《Lightning Moment》.mp3
10-09
Ringtones波点音乐-《Lightning Moment》.mp3
onnx2onnx-0.3.1.tar.gz
10-09
onnx2onnx-0.3.1.tar
网页商城系统 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
10-09
网页商城系统 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS） 启动教程：https://www.bilibili.com/video/BV1GK1iYyE2B
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值