【笔记】HTML基础

标签

<HTML> 定义HTML文档

<head>    定义关于文本的信息

<title>   定义文档的标题也就是定义标题中的内容

<body> 定义文档的主体

<font> 可以修改字体的样式 例如<font color='red'>hhhhh</font>,也就是将hhhh改成红色                  face属性:设置字体;如“楷体”,“宋体”                                                                                              color属性:设置字体颜色                                                                                                                    size属性:设置字体大小

<h1>---<h6>定义标题h1字体最小,h6字体最大
<b>定义粗体文本
<i>定义斜体文本
<u>定义文本下划线
<center>使文本居中
<p>定义段落
<br>换行
<hr>定义水平线,也就是画一条横线在页面中

需要用转译字符

HTML源代码显示结果描述
&It;<小于号或者先设标记
&gt;>大于号或者显示标记
&amp;&可用于显示其它特殊字符
&quot;"引号
&reg;®已注册
&copy;©版权
&trade;商标
&nbsp;不断行空白
<img>定义图片

src属性:规定显示图片的url(统一资源定位符)

height属性:定义图像的高度

width属性:定义图像的宽度

./:表示当前路径 

../:表示上一级路径

../../:表示上两级路径

height和width的两种设置方式:像素单位是px;百分比
<audio>定义音频 

src属性:规定音频的url

controls属性:显示播放控件

<video>定义视频

src属性:规定视频的url

controls属性:显示播放控件

<a>表示超文本标签

href属性:指定访问资源的url

target属性:指定打开资源的方式

_self:默认值,在当前页面打开

_blank:在空白页面打开

列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项

 

 表格标签

table:定义表格

border:规定表格边框的宽度

width:规定表格的宽度

cellspacing:规定单元格之间的空白

tr:定义行align:定义表格行的内容对齐方式
td:定义单元格

rowspan:规定单元格可横跨的行数

colspan:规定单元格可横跨的列数

th:定义表头单元格

布局标签

标签描述

<div>

(在浏览器中有换行效果)

定义HTML文档中的一个区域部分,经常与CSS一起使用,用来布局网页

<span>

(在浏览器中没有换行效果)

定义组合行内元素

表单标签

标签描述
<form>定义表单
<input>定义表单项,通过type属性控制输入形式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域

form标签属性

action:规定当前提交表单时向何处发送表单数据,该属性值就是url
method:规定用于发送表单数据的方式get:默认值,如果method不设置,默认就是get值

请求参数会拼接在url后面

url的长度有限制4KB

post:

浏览器会将数据放到http请求消息体中

请求参数无限制的

<input>:表单项,通过type属性控制输入形式

type取值描述
test默认值,定义单行的输入字段
password定义密码字段
radio定义单选按钮
checkbox定义多选按钮
file定义文本上传按钮
hidden定义隐藏的输入字段如果我们需要将数据录入数据库,那么id是不需要用户自己输入的,所有我们需要将id隐藏跟随表单传过来
submit定义提交按钮,提交按钮会把表单数据发送到服务器
reset定义重置按钮,重置按钮会清除表单中的所有数据
button定义可点击的按钮

 

 <select>:定义下拉列表,<option>定义列表项

<textarea>:文本域

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值