html简单理解

HHTML 是用来描述网页的一种语言。

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

 

例: 记事本中键入 HTML 代码:

 

头部标签<head></head>下使用

meta标签,用于配置网页自身的信息。

<mate charset="UTF-8">:charset属性,用于设置网页的编码类型

<meta name="keywords" content="Web前端,前端,html,css,js,兵哥">

keywords翻译:关键字

content翻译:内容

<meta name="description" content=",成立于1999年,是国内最专...">

description翻译:描述

网页的标题标签:<title>浏览器的选项卡中显示内容</title>

主题标签<body></body>下使用

标题:<h1>1-6字体由大到小</h1> <!--内容标签特点加粗自动换行 -->

段落:<p> 与h4字体一样大 </p1> <!--段落标签字体不加粗 -->

横线:<hr> <!-- 水平线-->

换行:<br> <!-- 2换行标签可以空行-->

加粗:<strong> </strong> <!-- 加粗-->

倾斜:<em> </em> <!-- 倾斜-->

图片:<img src="图片地址">

特殊字符

空格:&nbsp;

<: &lt;

>: &gt;

版权符:  &copy;

双引号:  &quot;

其他

锚链接:<a href="#链接">文本内容</a> 

字体:<font size="5">其中1最字体最小</font>

图片

<img src="zly.jpeg " width="200" title="悬停显示内容" alt="图片内容备注"> 

超链接

<a href="链接地址" target="设置目标地址的显示方式" title="悬停显示内容">链接显示内容</a>

<a href="index02.html" target="_self">02覆盖</a>

<a href="index01.html" target="_blank">02新窗口</a>

<!-- _self覆盖当前窗口,—blank打开新的窗口-->

<!--如何实现点击图片进行跳转其他页面,在超链接里插入图片格式-->

<a href="index01.html" target="_blank"> <img src ="zly.jpeg">  </a> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值