博客列表 >php学习入门第一天之html基础元素及标签认识

php学习入门第一天之html基础元素及标签认识

逸风
逸风原创
2020年12月09日 15:58:04347浏览

今天学习的内容:
了解一个网页是由元素组成。元素用标签描述,比如标题标签h1、h2、h3常用标签,内容的话可以用p标签,如下
`<!DOCTYPE html>

<html><head>
<meta charset="utf-8">
<title>php学习入门第一天之html基础元素及标签认识</title>
</head>

<body>

<h1>标签(比如标题h1)</h1>

<h2>标签(比如标题h2)</h2>

<h3>标签(比如标题h3)</h3>

片段内容展示方式可以用p标签实现

<p>片段内容展示方式可以用p标签实现</p>

a标签的基本构造,也常用于超级链接如:

点击可以连接到PHP中文网
<a href="http://www.php.cn">点击可以连接到PHP中文网</a></br>
</br>
<a href="http://www.php.cn" target="_blank" >点击在新窗口到PHP中文网</a>
a标签中的href属性代表是目标地址,打开方式用target属性,比如在新窗口打开咱们用_blank表达
</br>

iframe标签,可以实现在指定框框中打开网页

指定一个name(名称),
<a href="http://www.php.cn" target="kuang">在框框中打开PHP中文网</a>
height作为高度,width用于宽度

<iframe srcdoc="点击上面按钮会显示内容" name="kuang" height="200" width="600"></iframe>

DIV容器锚点应用

<a href="#foot">跳转到底部</a>

这是一张漂亮的图片


<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1396521707,1973816781&fm=26&gp=0.jpg" alt="古典美女">

这是一张漂亮的图片小图

<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1396521707,1973816781&fm=26&gp=0.jpg" alt="古典美女" height="100">

<div id="foot" style="margin-top: 800px;"></div>
<a href="#">回到顶部</a>

</body>
</html>`

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议