HTML学习---基础语法

最新推荐文章于 2023-09-04 15:02:25 发布
最新推荐文章于 2023-09-04 15:02:25 发布
阅读量698 收藏 1
点赞数 2
分类专栏： HTML---CSS 文章标签： HTML 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43854673/article/details/93974530
版权

HTML学习---基础语法

一、开发工具

Hbuilder

软件直接注册就可以

在这里插入图片描述

二、基本语法

1.ctrl+/ 注释

		<!--超链接，href是连接的属性-->

2.ctrl+s 保存

3.HTML文档

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题,可以从h1--h6
<p> 与 </p> 之间的文本被显示为段落

4.段落

		<p style="color:red">Hello , this is my page!</p>

输出字体为红色

5.超链接

		<a href="http://www.baidu.com">百度一下，你就是SD</a>

href是连接的属性

在网页上的显示效果：

点击后跳转到你选择的http://www.baidu.com。如果href="",则会刷新当前页面

6.插入图片

首先需要将图片放置在img文件夹下
在这里插入图片描述

		<img src="img/u=192422651,1443365817&fm=26&gp=0.jpg" width="10%" alt="你的网真垃圾" title="全网最低"/>

img标签，其中width也可以表示为width=“650px”;表示650像素，alt表示照片没有刷新出来时显示的内容，title显示鼠标移动到图片上时显示的文字

这边使用的是寡姐图片
在这里插入图片描述

7.换行

<br />

8.水平分割线

<hr />

9.HTML表格

<table border="1" cellpadding="0px" cellspacing="0px">
			<tr>
				<th colspan="2">id and name</th>
				<!--<th>idname</th>-->
				<th>idgrade</th>
				<th>age</th>
			</tr>
			
			<tr>
				
				<td>1</td>
				<td>寡姐</td>
				<td rowspan="3">大一</td>
				<td>18</td>
				
			</tr>
			
			<tr>
				<td>2</td>
				<td>雷神</td>
				<!--<td>大一</td>-->
				<td>22</td>
				
			</tr>
			
			<tr>
				<td>3</td>
				<td>绯红女巫</td>
				<!--<td>大二</td>-->
				<td>18</td>
				
			</tr>
		</table>

做成的表格样子：

colspan="2"合并列
rowspan="3"合并行
border=“1” cellpadding=“0px” cellspacing="0px"边框宽度，及将双线边框合并为单线
th 加粗

10.列表

10.1无序列表

<!--无序列表-->
		<ul type="square">
			<li><a href="">学生管理</a></li>
			<li>老师管理</li>
			<li>班级管理</li>
			<li>系统管理</li>
		</ul>

在这里插入图片描述

10.2有序列表

<!--有序列表-->
		<ol type="1">
			<li>图书</li>
			<li>音乐</li>
			<li>电影</li>
			<li>游戏</li>
		</ol>

在这里插入图片描述

10.3定义列表

		<dl>
			<dt>Coffee</dt>
			<dd>可以喝的</dd>
			<dt>Food</dt>
			<dd>可以吃的</dd>
		</dl>

在这里插入图片描述

知有丶
关注
专栏目录
机器学习实战----使用Python和Scikit-Learn构建简单分类器
Hello大家好，我是Dream，如果帮得到你，那我深感荣幸！交流学习、商务合作：https://bbs.csdn.net/topics/614347534
12-22 6903
今天我们将学习使用Python和Scikit-Learn创建一个简单的文本分类器来识别垃圾邮件。我们将先介绍数据集，并通过可视化和数据预处理方式更好地理解数据集。接着，我们将选择一个算法并使用训练集拟合它。最后，我们将评估该分类器并使用新数据进行预测。
HTML+CSS基础教程-介绍HTML和CSS的基础知识 学习HTML基础语法、标签、CSS基础语法和选择器
最新发布
09-26
html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器，以及它们的基本用法。
数据库实训2-前端
CV在读
12-28 948
一、HBuilderX的使用 1. <title>...</title>中：设置网站的标题 <title>标签页题目</title> 2. 在<body></body>中 标题 h1到h6：大小依次变小 <h1>...</h1> 分段 <!-- 分段落 --> <p>并刀如水，吴盐胜雪，纤手破新橙。锦幄初温，兽烟不断，相对坐调笙。</p>...
各种HTML表格
08-19 877
http://www.peoplesolution.net/sc/Article_Show.asp?ArticleID=126表格教材 作者：Poorfish 一、表格中单元格之间分隔线的隐藏方法第一行第二行第三行这个表格去掉了单元格之间的纵向分隔线
HTML基础 - SVG标签
seevc的专栏
09-04 3258
svg是基于XML语法的图像格式，全称：Scalable Vector Graphics，即可缩放矢量图。svg图片可以加载。svg可以绘制基本图形，如：直线、圆形、矩形、多边形、路径等，下面就详细介绍下。
PYNQ-Z2零基础学习详解
热门推荐
行走
01-14 2万+
本人在学习PYNQ，想用自己的理解来解释零基础学习过程中的一些坑，同时采用非官方语言来介绍如何使用PYNQ。大家有什么问题可以给我留言。 简介：PYNQ是“python productivity for zynq”的缩写，它是一块开发板，是赛灵思公司出品，能用python来简化开发赛灵思公司的zynq的芯片的。通常FPGA开发都是采用硬件描述语言的(如verilog)的。pynq实现...
HTML基本语法学习
qq_54500361的博客
02-10 4219
一、HTML简介 HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言 最新的版本是HTML5，H5中新增了对音视频的支持。HTML是一个弱语言(对语法的要求不严格)。 www简称w3c，称为万维网联盟，该机构是制定web技术规范 . 二、HTML基本结构 1、网页基本结构 <!DOCTYPE>: <!DOCTYPE> 位于文档的第一行，用于向浏览器说明当前文档使用的是哪种 HTML 规范。 <!DOCTYPE html&
Vue学习-Vue入门
weixin_59357453的博客
04-02 4364
这是一篇vue学习记录
uni-app学习笔记(1)：模板语法
Errol's Blog
03-03 7686
uni-app学习笔记，模板语法相关
React基础-JSX语法介绍
m0_71485750的博客
09-16 8159
我们先来看一段代码// 定义根组件 const element = < div > Hello World < / div > // 渲染根组件 const app = ReactDOM . createRoot(document . querySelector("#app")) app . render(element)这段element变量的声明右侧赋值的标签语法是什么呢?它不是一段字符串(因为没有使用引号包裹);它看起来是一段HTML元素，但是我们能在js中直接将HTML元素赋值给一个变量吗?
④ Vue基础语法-双向绑定
CRMEB小程序商城的博客
12-17 2257
目录： 初探vue Vue基础语法 - 渲染类型 Vue基础语法 - 属性绑定 前言： 高深的概念往往隐藏着一个浅显的道理，只是被专业的人用了专业的词，听起来云里雾里，尤其是自学编程同学，感触更深！ 双向绑定概念 双向绑定其实就是将表单输入数据实时渲染到DOM，因此官方也将其称为表单绑定！ 特点： Vue通过v-model指令在表单元素上创建双向数据绑定！ v-model 会忽略所有表单元素的 value、checked、selected属性的初始值而总是将 Vue 实例的数据作为数据来源！ 在多
HTML学习笔记--HTML的语法详解(必看)
09-28
HTML是超文本标记语言（HyperText Markup Language）的缩写，它是一种用于创建网页的标准标记语言...在学习HTML的过程中，除了了解基础的标签和属性，还应该掌握如何通过这些基础元素构建出更加丰富和复杂的网页结构。
化工应用数学-02.1-python编程基础-python基础语法-讲义1
08-03
【Python编程基础】 Python是一种高级编程语言，以其简洁、清晰的语法著称，被广泛应用于各种领域，包括科学计算、数据分析、Web开发等。...通过学习Python的基础语法和特性，可以更好地理解和解决化工中的数学问题。
(黑马)Vue-基础语法.ppt
07-22
综上所述，通过本章节的学习，我们可以深入了解Vue的基础语法和常用特性，从而更好地运用Vue.js进行前端开发。掌握了这些知识点后，你将能够在实际项目中更加熟练地使用Vue构建高效、可维护的应用程序。
PHP基础教程-语法.pdf
04-25
在《PHP基础教程-语法.pdf》这份资料中，我们不仅能够了解到如何选择、安装及配置PHP运行平台，还能够学习到一系列重要的PHP开发工具及其特点。这些内容为后续深入学习PHP语言提供了必要的基础知识。在接下来的内容...
CSS导航栏设置
知有的博客
06-28 2664
CSS导航栏设置导航栏设置 导航栏设置 <ul id="nav"> <li><a href="#">主页</a></li> <li><a href="#">商品</a></li> <li><a href="#">购物车</a>&l...
HTML基础学习（二）---注册页面书写
知有的博客
06-28 2382
HTML基础学习（二）注册页面基本内容1.页面标题2.注册后跳转页面到index.html3.用户名、密码、确认密码4.手机号、邮箱5.性别6.爱好7.所在城市8.用户协议9.注册 查看网页源代码：F12 附百度彩蛋： 注册页面基本内容 1.页面标题 <title>BLM(BLM.COM)-及时配送，宅男必备，饱了么等你加入！</title> 2.注册后跳转页面到ind...
JavaScript-jQuery基础使用
知有的博客
06-29 710
JavaScript-jQuery基础使用JavaScriptJavaScript基本语法JavaScript Dom用法1.innerHTML2.innerText3.value JavaScript JavaScript基本语法 JaaScript与html大体相同，区别在< script type=“text/javascript”> < /script > 定义变量...
HTML语法基础与文本格式化
该资源是一份关于HTML语法的PPT资料，主要讲解了HTML的基本结构、文字设置与编排、段落格式以及颜色设定等基础知识。 在HTML（HyperText Markup Language）中，它是用于描述网页内容的一种标准化语言，由W3C（World...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值