前端学习之html标签小结.

105 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第1天,点击查看活动详情


标签的分类

标签一般分为单标签和双标签.

单标签只写一个标签即可,双标签要首尾呼应.

image.png

常用标签

< title >

该标签为浏览器上部显示的标题.

例如:

image.png

< h >

标题标签,从大到小格式有:

< h1 >< /h1 >

< h2 >< /h2 >

< h3 >< /h3 >

< h4 >< /h4 >

< h5 >< h5 >

< h6 >< /h6 >

超出6后并不会再缩小.

image.png

< br >

换行标签,该标签为单标签.

image.png

< ul >和< li >

列表标签,分为两种,有序列表和无序列表.

image.png

image.png

 格式化标签

用于将文本设置某一格式.

image.png

image.png

 < a >

超链接标签.打开一个链接.

image.png

image.png a标签实现锚点:

跳转到a1:

image.png

image.png 跳转的顶部:

image.png

< img >

引用图片时使用.

image.png

< table >

表格标签.

image.png

image.png

< form >

一般用于提交数据.

<form  id="form2"  name="form2" action="login_do.jsp"  method="post">
		<div class="input_box">
			账 号
			<input type="text" name="username" placeholder="请输入用户名...">
		</div>
		<div class="input_box">密 码
			<input type="password" name="password"placeholder="请输入密码..."><br>
		</div>
		<div class="aa">身 份
			<select id="role" name="role">
				<option value="学生">学生</option>
				<option value="教师">教师</option>
				<option value="教务人员">教务人员</option>
			</select>
		</div>
		<div class="login_button">
			<input type="submit" value="登录">
		</div>
	</form>

image.png