HTML常用标签、认识浏览器

最新推荐文章于 2022-10-09 19:10:23 发布

m0_63483865

最新推荐文章于 2022-10-09 19:10:23 发布

阅读量481

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_63483865/article/details/123993227

版权

HTML基本标签

<html>

<head>
  <title>标题</title>
</head>

<body>
  内容
</body>

</html>

1.html标签

2.head标签

<title>定义网页的标题

<base>定义页面链接的基础定位

3.body标签

（1）段落和文字标签

语义	标签	说明
标题	<h1>~<h6>	header
段落	<p></p>	paragraph
换行	<br />	break

（2）文本格式化标签

语义	标签	说明
加粗	<strong></strong>或者<b></b>	推荐使用<strong>标签
倾斜	<em></em>或者<i></i>	推荐使用<em>标签
删除线	<del></del>或者<s></s>	推荐使用<del>标签
下划线	<ins></ins>或者<u></u>	推荐使用<ins>标签

（3）div和span标签

<div>和<span>没有语义，是用来装内容的

标签	作用
<div></div>	分割（块元素）	大盒子
<span></span>	区域（行内元素）	小盒子

（4）图像标签

src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

图像标签的其他属性：

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本。图像不能显示文字
title	文本	提示文本。鼠标放在图像上，显示文字
width	像素	设置图像宽度
height	像素	设置图像高度
border	像素	设置图像边框粗细

（5）链接标签

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性	作用
href	用于指定链接目标url地址，当标签应用href属性时，有超链接功能
target	用于指定链接页面的打开方式，_self为默认值，_blank为在新窗口中打开方式

链接分类：

1.外部链接：例如新建标签页 (lenovo.com.cn)

2.内部链接：网站内部页面之间的相互链接.直接链接内部页面名称即可，例如<a href="index.html">首页</a>.

3.空链接：如果当时没有确定链接目标是，<a href="#">首页</a>

4.下载链接：如果href里面地址是一个文件或压缩包，会下载这个文件

5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接

6.锚点链接：点击链接可以快速定位页面中某个位置

（6）注释标签和特殊字符

以""结束快捷键：ctrl+ /

（7）表格标签

（1）表格标签

标签	说明
table	表格
tr	行
td	单元格
thead	表头
tbody	表身
tfoot	表脚
th	表头单元格

<table>

    <caption>标题</caption>

    <thead>
        <tr>
            <th>单元格</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
        </tr>
    </tbody>

    <tfoot>
        <tr>
            <td>单元格</td>
        </tr>
    </tfoot>
</table>

（2）表格属性

属性名	属性值	描述
align	left、right、center	对齐方式
border	1或者""	默认无边框
cellpadding	像素值	单元边沿与内容的空白
cellspacing	像素值	单元格之间的空白
width	像素值或百分比	表格宽度

（3）合并单元格

跨行合并：rowspan=“合并单元格个数”

跨列合并：colspan=“合并单元格个数”

（8）列表标签

（1）有序列表

<ol>
    <li>列表项</li>
    <li>列表项</li>
    ...
</ol>

（2）无序列表

<ul>

    <li>列表</li>
    <li>列表</li>
    ...
</ul>

（3）自定义列表

<dl>

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

</dl>

（9）表单标签

表单标签共有4个：<input>、<textarea>、<select>和<option>

（1）input标签

type属性值	说明
text	单行文本框
password	密码文本框
button	按钮
reset	重置
image	图像形式提交
radio	单选
checkbox	复选
hidden	隐藏字段
file	文件上传

（2）textarea标签

（3）select和option

<select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
</select>

认识浏览器

1991年，WorldWideWeb 浏览器发布

1993年，Mosaic 发布

1994年，Netscape 成立

1995年，IE 发布，浏览器之战即将爆发

1996年，Opera 发布

1998年，Mozilla 项目成立

2002年，IE 开始主导浏览器市场

2003年，苹果 Safari 浏览器登场

2004年，Firefox 引发第二场浏览器之战

2006年，IE7 发布

2008年，Google 携 Chrome 参战

m0_63483865

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫