html基础学习（一）——基本的标签

最新推荐文章于 2024-09-23 15:22:36 发布
最新推荐文章于 2024-09-23 15:22:36 发布
阅读量327 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/openzero/article/details/103930515
版权

html基础学习一

结构

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

1.head元素

重要的有title和meta
title标签中内容显示在浏览器的标题栏中
meta分为两大类：一类是对页面进行设置，一类是对搜索引擎进行设置

2.文本元素

2.1标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
2.2文本修饰标签
<font>字体</font>   <!--用于设置文本的字体样式-->
<b>加粗</b>			<!--加粗-->
<i>斜体</i>			<!--斜体-->
<s>删除线</s>		<!--删除线-->
<u>下划线</u>		<!--下划线-->
<sup>上标</sup>      <!--上标-->
<sub>下标</sub>      <!--下标-->
<strong>用加粗的方式表示强调</strong>
<big>比周围的字大一个尺寸</big>
<small>比周围的字小一个尺寸</small>
2.3特殊字符
特殊字符实体引用
双引号（"）&quot；
&号&amp；
空格&nbsp；
小于号&lt；
大于号&gt；
小于等于&le；
大于等于&ge；
版权号©&copy；
商标注册号TM&tarde；
注册商标®&reg；
分数（1/4）&frac14；
左箭头&larr；
左双箭头&lArr；
交集&cap；
并集&cup；

3文档结构元素

3.1段落标签
<p>里面放一大段话</p>
<p>里面放第二大段话</p>
<!--两段话之间会有间距-->
3.2换行标签
<br/>
<!--换行标签之后的行与行之间不存在间隙-->
3.3水平线标签
<hr/>
<!--可以通过size，color，wide，noshade，align对高度、颜色、宽度、阴影、对齐方式进行设定-->

4.列表元素

4.1有序列表
<ol type="A" start="3">
	<li></li>
	<li></li>
</ol>
<!--序号是大写的ABCD，并且从C开始往下-->
4.2无序列表
<ul type="disc">
	<li></li>
	<li></li>
</ol>
<!--type是前缀，disc是点，circle 圆，square 方块，none 等类型-->
4.3定义列表
<dl>
	<dt>标题一</dt>
	<dd>描述一</dd>

	<dt>标题二</dt>
	<dd>描述二</dd>
</dl>

5.div与span标签

div是块级元素，span是行内元素

<div class=" ">
	内容
</div>

<span class="">内容</span>

6.图像标签

<img src="url" alt="文字描述"/>
<!--url是图片的位置，alt是图片显示不出来的时候显示的文字描述-->

7.超链接标签

<a href="url">要点击的内容</a>
<!--url是图片的位置，alt是图片显示不出来的时候显示的文字描述-->
7.1文本链接和锚点链接

1.文本链接

<a href="www.baidu.com">百度</a>

2.锚点链接
解释：就是一个页面很大的时候，可以直接跳转到整个页面的某一个部分，常见于百度百科

<a id="myAnchor">这是我创建锚点的位置</a>
<a href="#myAnchor">跳转到锚点链接的位置</a>
<a href="/chapter01/asdads.html#myAnchor">跳转到某页面的锚点链接的位置</a>
7.2图片链接和图片热区链接

1.图片链接

<a href="www.baidu.com">
	<img src="url" />
</a>

2.图片热区链接

<map name="myMap">
	<area shape="circle" coords="32,35,31"href="www.baidu.com"/>
	<area shape="rect" coords="62,8,103,66"href="www.baidu.com"/>
</map>
<img src="url" usemap="#myMap" border="0"/>
7.3其他超链接

1.空连接

<a href="#">空连接</a>

2.email链接

<a href="mailto:1234567@123.com">联系我们</a>

3.javascript链接

<a href="Javascript：alert（“你好”）"javascript链接</a>
nihility00000
关注
HTML第一章-基本标签
12-07
在"HTML第一章-基本标签"中，我们将深入探讨这些基础元素，帮助你构建起对HTML语法的理解。 1. **HTML文档结构** 每个HTML文档都由以下基本结构组成： - `<!DOCTYPE>`声明：定义HTML版本，例如`<!DOCTYPE html>`...
（一）HTML基础标签学习
wire133的博客
02-29 223
html,即hypertext markup language，超文本比标记语言，编辑工具Subline。 第一步新建文件，再保存后缀为.html的文件，进入编辑界面。编辑器快捷键U，open inbrowser，在浏览器打开文件。 程序实例： <html lang="en,zh"> #头标签，lang告诉网络爬虫...
头歌HTML实训笔录
k1elvin的博客
11-26 2574
头歌实训笔录HTML前端基础第2关 创建 - 标签 HTML前端基础 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 ##第1关 创建第一个 HTML 标签 // An highlighted block <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </hea
html特殊字符如大于小于号的写法
热门推荐
薛秋艳的博客
05-20 5万+
TML 原始码 显示结果 描述 小於号或显示标记 > >  大於号或显示标记 & & 可用於显示其它特殊字符 " " 引号 ® ® 己注册 ©
html里面输出大于号和小于号
small__children的博客
03-09 2万+
平时在html里面，直接使用这两个符号，会发现出现的效果不是我们想要的 因为这两个符号是标识标签的 因此要用在网页显示这两个符号的时候 要使用&lt 和&gt ，它们两个分别表示小于号和大于号
HTML(二)_基本标签
qq_37388518的博客
08-12 197
文件标签：构成html最基本的标签 html：html文档的根标签 head：头标签。用于指定html文档的一些属性。引入外部的资源 title：定义标题标签 body：体标签 <!DOCTYPE html>：html5中定义该文档是html文档 文本标签：和文本有关的标签 <h1> to <h6>:标题标签 <h1>到...
网页制作基础学习——HTML+CSS常用代码
北辰的博客
02-01 4万+
HTML（HyperText Markup Language）,即超文本标记语言，是用于描述网页文档的一种描述标记语言。是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
JavaWeb——HTML基础标签table标签与form标签的学习与理解
01-08
下面制作一个3*3的表格，放置在页面中心，边框厚度为2，宽度为500，单元格内没有间距，并每一行使用不同的效果 规整的表格 1.1 1.2 1.3 2.1 2.2 2.3 3.1 3.2 3.3 截图 密码： 性别：男 女 技能：...
web前端基础知识——HTML常用标签篇
01-08
二、HTML常用标签的学习： head标签 头标签 title标签 显示在网页的选项卡区域 body标签 显示网页的所有内容 meta标签 信息标签 charset=utf-8 meta 标签在head里面 标注当前网页的编码格式 utf-8
Web前端学习笔记——HTML基础.docx
11-22
Web 前端学习笔记——HTML 基础 本文主要介绍了 Web 前端学习笔记——HTML 基础相关知识点，涵盖了浏览器内核、Web 标准、HTML 语言等方面。 一、浏览器内核 浏览器内核是指浏览器核心引擎，负责解析和渲染网页。...
关于: AAPT: error: not well-formed (invalid token).
感谢你浏览我的博客，多多指教
04-30 1万+
今天遇到一个报错问题，是关于xml文件的报错 如图所示，是因为在xml文件中的textview的texe属性中包含<所致，也就是说在text=""属性中，一旦包含大于号或者小于号，编译就不会通过，但是这时候androidstudio不会给你红色的波浪线提示你错误，这时候就是看自己的开发经验的时候了。 解决方法如下： 把text=""里面的非法字符删除即可，如果你是在是要用的话，建议...
Android开发中TextView中显示HTML时如何替换特殊字符
lpCrazyBoy的博客
07-17 1257
//小于号和大于号的替换 urlStr = urlStr.replace("&lt;", "&amp;lt;"); urlStr = urlStr.replace("&gt;", "&amp;gt;"); urlStr = urlStr.replace(" ", "&amp;nbsp;"); //替换回车符 Pattern CRLF = Patte
布局文件输入'<''>'大于小于号等
fenganit的博客
06-30 1810
需要转义 < < 小于号 > > 大于号 & & 和 ' ’ 单引号 " ” 双引号
jspdf踩坑 htmltocanvas
bs521521的博客
09-20 310
解决方案是换到jspdf.js目录里。
html知识点框架
爱敲代码的卡拉米的博客
09-18 1074
一、HTML基础
python：基于django的html二维码页面生成功能页面
最新发布
我是你大爷
09-23 284
这里给出一个基于django的html二维码页面生成功能页面，具有文件上传和订单提交两个功能，使用javascript来代理实现交互功能（包含无限扩展内容框生成功能）。
python：基于django的html订单提交页面
我是你大爷
09-23 503
这里给出一个基于django的html订单提交页面，具有文件上传和订单提交两个功能，使用javascript来代理实现交互功能。
网页设计html心得
ikunlxx的博客
09-23 510
CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等，但是各个浏览器对它的支持不统一，所以流行的版本仍然是CSS3。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。
HTML基础：掌握控件标签——按钮详解
在HTML基础知识中，"控件的标签符——按钮"这一部分主要介绍了HTML中用于创建交互式用户界面的按钮元素及其使用方法。HTML (HyperText Markup Language) 是一种超文本标记语言，它通过一系列标记符来定义网页的结构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值