我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

丁竹清-前端(4)-20221108

[复制链接]
清墨、 发表于 2022-11-9 00:49:14 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
HTML常用标签:
标题标签:<h1>~<h6>
段落标签:<p></p> (paragraph)
换行标签:<br>
文本格式化标签:
      加粗标签   <strong></strong>或者<b></b>
      倾斜标签   <em></em>或者<i></i>
      删除线    <del></del>或者<s></s>
      下划线    <ins></ins>或者<u></u>
<div>和<span>标签:
div:英文division的缩写,代表分割、分区的意思。
             span :代表跨度、跨距的意思。
图像标签
<img src="相对/绝对路径" alt=”图片不能显示时的替换文本” title=”鼠标移动到图片上显示的文字” width=”图片设置的宽度值” height=”图片设置的高度值” border=”图片设置的边框值”>
超链接:
<a></a>
语法:<a href="跳转的目标" target=“目标窗口的打开方式”>文本或者图像</a>
*href:指定链接目标的url地址,必须属性
target:指定链接页面的打开方式
       _self  是默认值,代表在当前页面进行打开
       _blank 代表在新的窗口中打开页面
1、外部链接:<a href="一个外部网址" target=“_blank”>文本或者图像</a>
2、内部链接:<a href="网页名" target=“_blank”>文本或者图像</a>
3、空链接:<a href="#" >文本或者图像</a>
4、下载链接:<a href="../素材.zip" >文本或者图像</a>
5、网页元素链接:<a href="一个百度网址" target=“_blank”>文本或者图像
                        <img src="相对/绝对路径" title=”点我去百度” width=”300”>
</a>
6、锚点链接:<a href="#定义名" >你是哈哈</a>
                 省略
<h2 id="定义名" >你是哈哈</h2>
表格标签:
<table>(用于定义表格)
<tr>(定义表格中的行table row)
<th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)
</th>
<td>(定义表格中的单元格table data)
</td>
</tr>
</table>
属性:
<table border=”1”align =”center” cellpadding=”0” cellspacing=0””width=”300” >
<tr>(定义表格中的行table row)
<th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)
</th>
<td>(定义表格中的单元格table data)
</td>
</tr>
</table>
结构:
<thead></thead>:代表表格的头部区域,,一般位于表格的第一行。内部必须拥有<tr></tr>标签和<th></th>标签。
<tbody></tbody>:代表表格的主体区域,主要用来放数据的本体。
<table border=”1”align =”center” cellpadding=”0” cellspacing=0””width=”300” >
<thead>(表格头部区域)
<tr>(定义表格中的行table row)
<th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)姓名</th>
<th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)年龄</th>
<th>(定义行的内容是否是表头内容,会加粗显示、居中对齐)身高</th>
</tr>
</thead>
      <tbody>(表格主体区域)
<tr>(定义表格中的行table row)
<td>(定义表格中的单元格table data)小明</td>
<td>(定义表格中的单元格table data)22</td>
<td>(定义表格中的单元格table data)180</td>
</tr>
<tr>(定义表格中的行table row)
<td>(定义表格中的单元格table data)小红</td>
<td>(定义表格中的单元格table data)20</td>
<td>(定义表格中的单元格table data)158</td>
</tr>
</tbody>
</table>
合并单元格:
跨行合并:rowspan=“合并单元格的个数”
跨列合并:colspan=“合并单元格的个数”
<td rowspan=“2” colspan=“2”></td>
步骤:
1、确定要合并的第一个单元格
2、确定跨行还是跨列合并,并且要写明要合并单元格的个数
3、将被合并的单元格给删除掉
回复

使用道具 举报

关注0

粉丝0

帖子10

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026