页面开发常用语言HTML,是一种考虑逻辑的编程语言,而是用标签的形式进行编写代码的语言。
利用vscode编译器打开后缀名为html的文件可以进行编写html代码,然后直接用浏览器打开html文件即可得到自己用html代码写的页面。
标签介绍
一开始的标签是<HTML></HTML>标签,
里面的子标签分别是<head></head>和<body></body>标签,然后<head>标签里面放入子标签<title></title>标签,然后标题命名直接在两个标签中间进行书写,
例如<title>这是一个标题<title>
具体介绍常见标签:
<p></p>标签
叫作段落标签,在中间填写一句话可以得到一个段落,然后两个相邻的p标签是有空格间隙的:
呈现效果为:
是两个段落。
<!---->注释标签
在注释标签中间填写注释:
效果如下:
在页面上打开不显示,只是在写代码的时候可以作说明提醒的作用。
<hx></hx> (x为1至6)小标题标签
数字越小,标题越大,
代码如下:
打开界面后如下:
<a></a>超链接标签
超链接标签意思是在网页上可以提供一个跳转到别的页面的链接,有当前界面内跳转和另开一个界面跳转两种情况:
<a>标签里面的href属性代表的是所需要跳转的界面链接:
效果如图:
通过点击这句话可以跳转到href里面给的链接地址
情况一:当前界面跳转,即从当前的点击界面跳转到所需要跳转的界面,直接向上述这样写就行。
情况二:另启一个界面进行跳转,此时需要在该a标签所在的范围内加入base标签,然后属性为_blank
代码如下
此时点击就会另外开辟界面进行跳转:
<img><\img>图片插入标签
img标签里面的属性src和alt,src代表图片来源,即图片的地址,分为相对路径和绝对路径,相对路径就是跟该html文件所在一个文件夹的图片链接,绝对路径就是在具体某盘某文件夹里面的图片,这是在自己电脑上的,还可以从网上找图片的网络路径,这样将html文件发给别人的时候,只要对方有联网就可以看到图片,而相对路径和绝对路径只是自己电脑上的图片,对方电脑里面或许没有该图片,所以可能将html文件发给对方就打不开图片;而alt代表如果你所发的图片打不开了或者链接不存在了,就会显示alt里面的文字:
当给src和alt赋值后:
此时链接存在,不显示alt文字:
若图片链接不存在,不显示图片,显示alt里面的文字:
<table><\table>表格标签
在表格里面放置标签
<tr><\tr>行标签
<th><\th>行标签里面放置小标题标签
<td><\td>行标签里面放置文段标签
<input>标签
常用:
type属性为text和checkbox
<textarea><\textarea>标签
属性cols和rows代表输入框的宽度和长度
<select><\select>标签
里面有<option><\option>选项进行选择:
界面效果:
<ul><\ul>有序列表标签 以及<ol><\ol>无序列表标签
显示界面