【HTML】学习笔纪-概念和基本标签

1、www:

        万维网,建立在internet上,全球性的、交互、多平台、分布的信息资源。

        wwwf组成:

        -url:统一资源定位器,通俗来说就是访问地址

        -HTTP:超文本传输协议

        -HTML:超文本标记语言

2、网页的后缀名:html和htm

3、标签:

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

        单标签:<标签名 />

        注释标签:<!-- 注释说明 -->

各种标签,以html文档结构来做:

<!doctype html>	<!--文档类型标签-->
<html> --最外层的标签
	<head>	 <!--头部标签,包含编码、标题等-->
		<title>标题</title>  <!--标题标签-->
		<meta charset="utf-8"/>  <!--编码格式-->
	</head>
	<body>	<!--主体标签,里面显示的内容-->
		<h1>哈哈哈哈</h1> 
	</body>
</html>

4、标题标签

h1~h6,h1最大的,h6最小的

属性:align,对齐方式

属性值:left-左对齐,center-居中,right-右对齐

示例:

<h1 align="left">标题左对齐</h1>

5、段落标签:

<p>内容</p>

属性:

-title:提示信息

-style:行内样式

-dir:文字方向,默认从左向右,ltl或者rtl

示例:

<p title="这是提示信息" dir="ltl"></p>

6、换行标签:<br/>

7、水平线标签:<hr/>

属性:

align:对齐方式,默认center居中对齐

color:颜色

width:宽度,可以取值百分比或者像素

size:高度,只能取值像素

noshade:取消阴影

示例:

<hr color="red" width="50%" size="10"/>

8、强调标签:加粗字体

<b></b>和<strong></strong>

9、图片标签:<img />

属性:

src:图片路径

alt:图片加载错误时提示信息

title:鼠标放在图片上提示信息

width:宽度

border:边框

示例:

<img src="1.jpg" alt="图片加载失败" title="提示信息"/>

10、超链接:<a>文本</a>

属性:

href:要跳转的地址

示例:

<a href="https://www.baidu.com">百度一下</a>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

世人万千丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值