基础前端

前端基础学习


HTML:

HTML:Hyper Text Markup Language (超文本标记语言-即不是纯文本,而是带格式的文本)
超文本:比普通文本功能更强大,可以添加各种格式
标记语言:通过一组标签来对一组内容进行描述<关键字>

标签功能
<html>根标签
<head>头部分,主要描述页面信息
<body>体部分,主要描述页面内容
<h1>一级标题
<br/>换行
<p>段落,上下各加一个换行
<b>加粗
<i>斜体
<meta>网站配置信息(如编码方式)
<hr/>水平分割线
<font>字体设置
color字体设置中的颜色设置
size字体设置中的字体大小设置
face字体设置中的字体类型设置(如宋体)
<img>图片设置
src图片设置中的图片路径设置
high图片设置图片高度
width图片设置图片宽度
alt图片设置-在图片加载失败时显示的信息
<ul>无序列表
<li>列表项
<a>指向一个w3school超链接的标签
hrefa 标签的属性,表示网址
targeta 标签属性,_self(本网页打开链接),_blank(新建空白页打开链接)
<table>表格
<tr>表格中的行
<td>表格中的列
border表盒边框属性
width hign表格宽度 高度
bgcolor表格背景颜色
align对齐方式,如center
colspan跨列
rowspan跨行
<input name="name"/ >给输入的信息命名(会在提交时做为参数的名字)
<input type="text" / >输入文本
<input type="password />"输入密码
<input type="file" />上次文件
<input type="radio"/>男<input type="radio"/>女圆点勾选
<input type="checkbox" / >抽烟<input type="checkbox">喝酒方框勾选
<textarea cols="40" rows="4"><textarea>大输入框
<select>下拉窗口
option下拉的内容
<input type="submit" value="提交"/>提交信息
<form>限定提交信息的范围
<form action="./2.html">提交之后访问的地址
<form action="./2.html" method=“post”>访问方式(默认是GET)get会吧提交数据拼接在url后面,而post会加密在data中
<input type="button" value="普通按钮"/>普通按钮
<input type="reset" value="重置" />重置按钮
<input type="date">出生日期
<input type="tel">手机号
<input type="number">纯数字

注:

  1. 标签不区分大小写(官方定义使用小写)

CSS

CSS(Casading Style Sheets): 层叠样式表

标签功能
<divl>块标签 ,默认站一行
<span>块标签,默认占一格
<style>放置css的内容,在head中
选择器id#id
选择权class.class
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值