学习笔记:html的一些基础标签

学习笔记:html的一些基础标签
< html lang="">中lang指的是语言的默认选项,一般默认为英语。
< meta charset=“utf-8”>中charset为选择字符集,最常用的是utf-8,此外还有gb2312(简体中文),BLG5(繁体中文),GBK(全部中文),UTF-8包含世界所有国家的字符。
1.标题标签<h1></h1>......<h6></h6>
便捷设置标题,从h1到h6对应的标签越来越小
2.段落标签<p></p>
添加段落,文本会随着窗口大小改变自动换行
3.换行<br/>
单标签,代码中的enter和空格对前端显示的文本没有影响,需要这个使得文本换行
4.水平线<hr/>
创建横跨网页的水平线标签,当然,可以通过width=""更改长度
5.注释标签<!--解释-->
解释代码,不会被运行,学习的时候要记得多写注释,方便学习和理解
6.图像标签<img src="图像URL" alt="" title="" width="" height="" border=""/>
单标签 src后是图片的路径
alt 图像不能显示时候的替换文本
width height 设置宽度和高度,一般改一个就行,图片会自动缩放
title 鼠标悬停时候显示的内容
border 边框,后边内容填数字,设置边框的粗细
7.文本标签
加粗<b> 和<strong>斜体<i>和<em>删除线<s>和<del>下划线<u>和<ins>
一般推荐字母多的,语气更强烈
8.相对路径
(1)图片与html文件在同一个文件夹<img src="图片名"/>
(2)图片在html文件的下一级文件夹<img src="/image/图片名/">
(3)图片在html文件的上一级文件夹<img src="../图片名"/>如果上两级就…/…/
9.绝对路径<img src="路径或者http://.......">
缺点是用路径的话不能换电脑
10.列表标签

`无序
<ul>
      <li>内容</li>
      <li>内容</li>
</ul>
<ul>里只能加<li>标签,不过<li></li>是一个容器,可以加其他标签,比如<h>和<p>
<ol>
      <li>内容</li>
      <li>内容</li>
</ol>
``无序

定义列表
<dl>
      <dt></dt>一般用来做页面底部的列表
      <dd><dd>
      <dd><dd>
</dl>

11.链接标签<a href="跳转目标" target="目标窗口的弹出方式">文本图像</a>
href具有超链接作用,< href="#">代表暂无连接
target有self(替代本来窗口)和blank(弹出新窗口)两种选项
注意:(1)外部网站记得加http://
(2)内部直接添加路径即可
(3)可以设置id名,标注后可以直接跳转目标位置,比如<a href="#name">文本</a>,在目标位置直接设置id名字,即可跳转

12.base标签<base target="blank">,本来默认是self ,这样不用挨个改了
13.特殊字符 列举几个常用的
空格&nbsp
小于号&lt大于号&gt
人民币&yen

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值