初识HTML

页面格式化标签

  • 标题标签<h1 属性=" ">文本内容</h1> 从1到6,字体逐渐减小
  • 段落标签<p></p>
  • 水平线标签<hr />
  • 换行标签<br />
  • 自动换行<div></div>
  • 不换号<span></span>
  • 属性
    |align| 设置对齐方式|left、rigth、center默认center居中
    | size | 设置粗细 |以像素为单位,默认为2
    |color|设置颜色|
    | width | 设置宽度 |

文本格式化标签

  • 文字加粗<strong></strong>
  • 文字斜体<em></em>
  • 文字下划线<ins></ins>
  • 文字删除线<del></del>

特殊字符标签

  • 空格符&nbsp;
  • 小于号&lt
  • 大于号&gt;

图像标签

  • <img />
  • 属性
    |src| 图像路径 |
    |-alt-|-图像不能显示时的文本-|
    |title|鼠标在图像上悬停时的文本|

路径

  1. 相对路径
  • 下一级:/
  • 上一级:··/
  1. 绝对路径:打开文件图像等,复制下他的路径

注释( 快捷方式)

  1. Ctrl+/
  2. Ctrl+Shift+/

超链接

<a href=" ">文本内容</a>
  1. 外部链接http://
  2. 内部链接文件名.html
  3. 空链接href="#"
  4. 属性
    target="_blank"打开一个新页面
    target="_self"在原页面上打开(默认)

锚点链接

<a href="#one(这里的锚点必须是英文,与下面的id内容一样)>文本内容</a>"
<h4 id="one">文本内容<h4>

base标签(在head里写)

  • <base target="_brank"/>作用:链接打开方式统一,打开一个新页面

pre标签<pre> </pre>作用:标签中的文本保留原有的空格和换行

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值