如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
如何学会编写HTML基础的标题、段落、链接、图像
如何学会编写HTML基础的标题、段落、链接、图像,跟着小编步骤走哦
工具/原料
- HTML编辑器
方法/步骤
本次教程是如何学会编写HTML基础的标题、段落、链接、图像
请注意:编程打代码过程中一定要使用英文状态下的输入法,去输入法的设置里面默认英文,编程报错往往都是标点符号出的错误。
HTML 标题(Heading)是通过h1> - h6> 标签来定义的.
代码如下:
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>空城_Westlife/title>
/head>
body>
h1>空城_Westlife这是标题 1/h1>
h2>空城_Westlife这是标题 2/h2>
h3>空城_Westlife这是标题 3/h3>
h4>空城_Westlife这是标题 4/h4>
h5>空城_Westlife这是标题 5/h5>
h6>空城_Westlife这是标题 6/h6>
/body>
/html>
HTML 段落是通过标签 来定义的.
代码如下:
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>空城_Westlife/title>
/head>
body>
空城_Westlife这是一个段落。/
空城_Westlife这是一个段落。/
空城_Westlife这是一个段落。/
/body>
/html>
HTML 链接是通过标签 a> 来定义的.
代码如下:
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>空城_Westlife/title>
/head>
body>
a href="空城_Westlife https://jingyan.baidu.com/user/nuc">这是一个链接使用了 href 属性/a>
/body>
/html>
HTML 图像是通过标签 img> 来定义的.
代码如下:
!DOCTYPE html>
html>
head>
meta charset="utf-8">
title>空城_Westlife/title>
/head>
body>
img src="https://exp.bdstatic.com/static/common/widget/top-search-box/logo_1e63520.png" width="258" height="39" />
/body>
/html>
注意事项
- 图像的名称和尺寸是以属性的形式提供的。
- 在 href 属性中指定链接的地址。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 435 HTML