HTML基础标签

本文深入讲解HTML基础标签的使用,包括标题、段落、图像、链接、列表、表格及表单标签,帮助读者掌握网页排版与格式化技巧,理解标签语义化,提升网页制作能力。

HTML基础标签

目标

学习目标:

  • 了解常用浏览器
  • 掌握WEB标准
  • 理解标签语义化
  • 掌握常用的排版标签
  • 掌握常用的文本格式化图像链接等标签
  • 掌握三种列表标签
  • 掌握表格标签
  • 掌握表格标签
  • 掌握表单标签
  • 掌握H5新增表单和表单属性
    typora-c

标签

  1. 标题标签<h

h1

h2

h3

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
  1. 段落标签
<p>
  1. 水平线标签
<hr/>

  1. 换行标签
    y
    y
y<br>y
  1. 粗体


<b></b>
<strong></strong>
  1. 斜体 <i <em
    1
    1
    1
<i>1</i>
<em>1</em>
  1. 加删除线 <s <del


 <s></s>
<del></del>
  1. 加下划线 <u <ins
    1
    1
    1
<u>1</u>
<ins>1</ins>
  1. 标签属性
    十大
<span style=" ">十大</span>
  1. 图像标签
    图片无法显示
<img src="media/1.jpg"  alt="图片无法显示"  title="这是图片"  width="150"  height="150" />
  1. 链接标签 ( _blank - 新窗口 ; _parent - 当前窗口 )
    百度一下,你就知道

     <a href="http://www.baidu.com" >  百度一下,你就知道  </a>
  2. base标签
    base 可以设置整体链接的打开状态 base 写到

<head>  </head> 

之间

  1. .特殊字符标签
    空格 &nbsp
  2. 无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<ul>
  • 列表项1
  • 列表项2
  • 列表项3
  • ......
  1. 有序列表
<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
</ol>
  1. 列表项1
  2. 列表项2
  3. 列表项3

在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值