阅读完本文案,你将处理以下问题:HTML是什么?怎样在网页中添加文字、图像、列表等元素?怎样添加链接?怎样运用嵌套元素? 更加多系统学习web研发教程见本专栏。
HTML是什么?
HTML是超文本标记语言 ,英语为Hypertext Markup Language,简叫作HTML(重视:HTML不是一种编程语言)。它是一种用来结构化 Web 网页及其内容的标记语言。HTML是通往web前门的钥匙,它能够向你的网页中添加诸如文字、图像、链接、表格等元素,是web研发的基本。
体会HTML
接下来咱们先来体会一下HTML在web研发中的功效。
先让咱们打开webstorm,新建一个项目,而后这里项目中新建一个HTML文件,命名为index。如图:
webstorm可在Jetbrains官网上下载,激活码见本专栏置顶文案,持续更新。或暂时运用HTML/CSS/JS 在线工具 | 菜鸟工具 代替 。
新建index.html文件新建成功后,打开index.html文件,将表示如下界面:
在图中红色区域(亦便是<body>与</body>标签之间)输入以下代码:
<h1>hello world!</h1>
而后将鼠标光标移到代码编辑界面的右上区域,将表示快速预览浏览器选取按钮,如下图。
预览浏览器选取
选取合适的浏览器打开就可预览网页,这儿我用谷歌浏览器,预览网页如下(截取部分):
你会发掘网页中多了一个元素,亦便是咱们刚才输入的文字内容。
这是一个标题元素,用于表示标题。标题元素可分为6级,这儿为1级,运用为h1,6级标题预览图如下:
|