到这里就是我在乐字节学习的第一天了,感觉不错

格式化标签
font

​ 规定文本的字体、字体尺寸、字体颜色

pre

​ 定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

文本标签
**<b>**(粗文本)、**<i>**(斜体文本)、**<u>**(下划线文本)、 

< del >(中划线文本)、(下标文本)、(上标文本)

a标签

​ 标签定义超链接,用于从一张页面链接到另一张页面。

​ 元素最重要的属性是 href 属性,它指示要链接的目标位置,同时没有href属性a标签内的内容与普通文本没有区别,也就失去了超链接的功能。

​ 若是想要跳转到当前页面,那么href的值为#。被链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性)。

<a href="http://www.baidu.com">百度</a>

常用属性

属性描述
hrefURL连接所要跳转的位置,可能是其他或当前页面。
target_blank
_parent
self
top
Framename作为锚点的a标签的name值
规定在何处打开链接文档。
_blank:开启新页面显示页面;
_self:当前页面显示跳转到页面,默认值。
_top:用于有frameset布局的页面,想要覆盖整个页面显示。
Framename:这里framename与上边的值不同,具体以为frame起了什么样的名字为准,该值指示要连接的页面跳转后将在相应名称的框架中显示。

锚点的实现

​ 利用a标签的name属性:

<a name="top"></a>

​ 一般标签的id属性:div id=""、a id="" 等:

<div id="top"></div><a id="top"></a>

​ 锚点定位

<a href="#top">返回首部</a>
图片

​ img 元素向网页中嵌入一幅图像。

​ 注意:从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。

<img src="" alt="" >

必须属性

属性描述
alttext规定图像的替代文本,一般在图片无法正常显示占位的文字。
srcURL规定显示图像的 URL。

常用属性

属性描述
aligntop、bottom、middle、left、right规定如何根据周围的文本来排列图像
borderpixels定义图像周围的边框
heightpixels、%定义图像的高度。
widthpixels、%定义图像的宽度。
title文本当鼠标在图片上时显示的文字
表格

标签定义 HTML表格。

​ 标签定义表格的行。tr元素包含一个或多个th或td元素

​ 标签定义 HTML 表格中的标准单元格。

​ 定义表格内的表头单元格。th元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

​ 简单的HTML表格由table元素以及一个或多个tr、th、或td元素组成。

​ 理解:table相当于一个表格的外框,tr为行,td为一个一个单元格,th为有标题作用的单元格,th中的内容同时有加粗的效果。

常用属性

属性描述
alignright、center、left表格对齐方式
borderpx规定表格边框的宽度
width% 、px规定表格的宽度

tr常用属性

属性描述
alignright、left、center定义表格行的内容对齐方式。
bgcolorrgb(x,x,x)、#xxxxxx、colorname规定表格行的背景颜色,以后可以用样式取代它
valigntop、middle、bottom规定表格行中内容的垂直对齐方式,以后可以用样式取代它

​ 的colspan和rowspan分别规定单元格横跨的列数和行数

表单
form

​ 标签用于为用户输入创建 HTML 表单。

​ 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。还可以包含 textarea等元素。

​ 表单用于向服务器传输数据。form 元素是块级元素,其前后会产生折行。

常用属性

属性描述
actionURL规定当提交表单时向何处发送表单数据
methodget、post规定用于发送 form-data 的 HTTP 方法
nameForm_name规定表单的名称
target_blank _self _ parent _top framename规定在何处打开 action URL

method:表单提交方式:get、post

​ get:默认,主动的获取方式,数据放在url上,数据的容量有限,安全性差,有缓存

​ post:数据放在请求实体中,数据量理论上没有限制,相对安全,没有缓存

input

​ 标签用于搜集用户信息。

​ 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、单选按钮、按钮等等。

常用属性

属性描述
alttext定义图像输入的替代文本。
checkedchecked规定此 input 元素首次加载时应当被选中。
disableddisabled当 input 元素加载时禁用此元素。
readonlyreadonly规定输入字段为只读。
maxlengthnumber规定输入字段中的字符的最大长度。
valuevalue规定 input 元素的值。
typebutton
checkbox
file
hidden
image
password
radio
reset
submit
text
规定 input 元素的类型。按钮复选框文件隐藏域图像形按钮密码单选框重置按钮提交按钮文本

若上传文件,请求方式为post,且表单添加一个属性:enctype="multipart/form-data"

注意:

​ 1. 没有name属性的属性是无法提交到后台的!!!!

​ 2. Radio单选按钮以name相同为一组。

​ 3. Checkbox复选按钮以name相同为一组。

textarea

​ 该标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,可以通过 cols 和 rows 属性来规定 textarea 的尺寸。cols规定文本区内的可见宽度。rows规定文本区内的可见行数。

<textarea>content</textarea>
label

​ label元素不会呈现任何的特殊效果。

​ label标签的for属性应当与相关元素的id属性相同,此时点击label标签会自动为元素聚焦

<label for="username">用户名:</label>
<input type="text" id="username" name="username"/>
button
<button>按钮</button>

常用属性

属性描述
disableddisabled禁用该按钮。
typebutton、submit、reset规定按钮的类型。
valuetext规定按钮的初始值。
namebutton_name规定按钮的名称。
select

​ 用于定义下拉列表

<select name="color" >
	<option value="red">红色</option>
	<option value="green">绿色</option>
	<option value="blue">蓝色</option>
</select>

select常用属性

属性描述
disableddisabled禁用该下拉框。
multiplemultiple规定可选择多个选项。
namename规定下拉列表的名称。
sizenumber规定下拉列表中可见选项的数目。

option常用属性

属性描述
disableddisabled禁用该下拉框。
selectedselected规定选项(在首次显示在列表中时)表现为选中状态。
valuetext定义送往服务器的选项值。

常用字符实体

​ 在 HTML 中,某些字符是预留的。

​ 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

​ 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。

​ 实体名称对大小写敏感!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值