HTML基础总结

HTML基础总结

  • HTML基本结构在这里插入图片描述
  • DOCTYPE 文档类型声明
    声明必须放在第一行
	<!DOCTYPE html>
  • 网页编码设置
  •  *&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>*
    

    注:utf-8 CG2312 gbk等编码形式

  • 文字和段落标签
    标题标签:<h1></h1> ~<h6></h6>
    段落标签:<p> </p>
    align对齐属性值:在这里插入图片描述
    换行标签:<br/>
    文字斜体:<i> <em>
    加粗: <> <strong>
    下标: <sub>
    上标: <sup>
    特殊符号:
    在这里插入图片描述

  • 列表标签

    • 有序列表:

         &lt;ol> 
         	&lt;li>列表项&lt;li>
         	&lt;li>列表项&lt;li>
         	...
          &lt;/ol> 
      

      在这里插入图片描述

    • 无序列表:

        &lt;ol> 
        	&lt;li>列表项&lt;li>
        	&lt;li>列表项&lt;li>
        	...
         &lt;/ol> 
      

    在这里插入图片描述

    • 定义列表:

       &lt;dl>
       	&lt;dt>定义列表项&lt;/dt>
       	&lt;dd>列表项描述&lt;/dd>
       	&lt;dt>定义列表项&lt;/dt>
       	&lt;dd>列表项描述&lt;/dd>
       	......
       &lt;/dl>
      

    注:dd 会有空格

  • 图像和超链接标签

    • 图像标签:

      • 语法:<img src="" alt=""…/>在这里插入图片描述
        URL可以使用相对路径和绝对路径
    • 超链接标签:

      • 语法:<a href="">内容</a>超链接标签
        在这里插入图片描述
        注:_self 当前页面打开 ;_blank新页面打开
      • 定义锚:在这里插入图片描述
        在这里插入图片描述
        #表示空链接
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值