HTML基础知识

171 阅读3分钟

5.png

文本格式化标签

image.png

<div>和<span>标签

<div>和<span>标签都是盒子标签

特点:

1.<div>是一个大盒子,一行只能有一个

2.<span>是一个小盒子,一行可以有多个

<a>标签的用法

1.外部链接:<a herf=“https://www.baidu.com”>

2.内部链接:网站内部页面之间的相互链接直接链接内部页面名称即可,例如<a herf=“index.html”>

3.空链接:如果没有跳转地址可以采用空链接,例如 <a herf=“#”>

4.下载链接如果href里面地址是一个文件或者压缩包,会下载这个文件 例如<a herf=“danzai.zip”>

5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接

6.锚点链接:点我们点击链接可以快速定位到页面中的某个位置在链接文本的href属性中设置属性值为#名字的形式 例如 <a herf=#id>

a标签target属性,当target=“_self”在此页面跳转,当target=“_blank”在新页面进行跳转

标签的分类

1.标签分类:

块级元素:独占一行,可以设置宽和高属性,例如div p h1~h6 ul(block)

行内元素:宽和高由内容决定,标准流(从上到下,从左到右)例如:span a em i (inline)

行内块元素:不独占一行,可设置宽高,例如:input select button img (inline-block)

2.HTML元素

HTML元素与HTML标签通常都是描述同样的意思,但是严格来讲,一个HTML元素包含了开始标签和结束标签

HTML的结构元素

image.png

表单的使用

<form action="" method=""> 其中action是提交表单的目的地址,method是获取数据的方式

input控件按钮的种类

type=submit 提交按钮

type=reset 重置按钮

type=button 普通按钮

type=image 图片按钮

     <input type=“”>标签type包含很多控件,比如radio,text ,textarea,password,submit,reset等等 type=“radio”时,想要从多个选项里选出唯一项,应当给这些<input type=“radio” name=“”>设置上相同的name属性,如果按钮想要默认选中,radio和check可以加上checked属性,下拉列表则是加上 selected属性即可。

按钮控件与文字绑定

如果想要将radio按钮和文字所绑定,应<input type=“radio” id=“1”>加上id属性,并且加上<label for=“1”></lable>

Select下拉框用法和textarea

<select>

<option> </option>

<option> </option>

<option> </option>

<option> </option>

<option> </option>

</select>

其中option内填写下拉框的内容

textarea中有一个placeholder,该属性可以作为一个提示信息,或者期望值使用,在表单中某个input里面填写required属性,则该按钮必须填写,若不填写则表单无法提交