WEB前端开发(一)-------------标记(一)

这篇博客介绍了HTML中的基本标记,包括单标记如<hr>、<br>和注释,双标记如<p>段落、<h1-6>标题、<font>文本样式、<img>图像、<a>超链接以及表格的创建。讲解了如何控制文本样式、创建超链接及不同类型的列表。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

单标记(空标记)

1.<hr/> :水平线   

2.<!-- 注释语句 -->

3.<br />:强制换行标记

双标记:

1.<p>段落</p>

2.标题标记:<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减  <hn>标题文本</hn>

3.文本样式标记:用来控制网页中文本的字体、字号和颜色 <font>文本内容</font>

4.

5.图像标记<img /> :<img src="图像URL" />  src属性用于指定图像文件的路径和文件名

6.相对路径和绝对路径

7.创建超链接<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

7.1href:用于指定链接目标的url地址,当为<a>标记应用href属性时,它就具有了超链接的功能

7.2target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。
7.3<base /> 可以设置整体链接的打开状态

7.4暂时没有确定链接目标时,通常将<a>标记的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。
7.5锚点链接:使用“<a href=”#id名“>链接文本</a>”创建链接文本

8.特殊字符标记


9.表

9.1无序表:

<ul type="?">                                        
   <li>列表项1</li> type 每个列表前显示图形:方块:square    
   <li>列表项2</li>  空心圆:circle
   <li>列表项3</li> 默认值(实心圆):disc
......

</ul> 

9.2有序表(改变<li type="n">中n的值,对应行数的显示改变,改变<ol start="m">中m值,项一至项目x的数值依次改变)

<ol >
      <li >项一</li>
      <li >项二</li>
</ol>


9.3自定义表:

<dl>

    <dt>名词1</dt>

    <dd>名词1解释1</dd>

    <dd>名词1解释2</dd>

    ...

    <dt>名词2</dt>

    <dd>名词2解释1</dd>

    <dd>名词2解释2</dd>

    ...

</dl>






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值