前端基础学习
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超链接的标签 |
href | a 标签的属性,表示网址 |
target | a 标签属性,_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"> | 纯数字 |
注:
- 标签不区分大小写(官方定义使用小写)
CSS
CSS(Casading Style Sheets): 层叠样式表
标签 | 功能 |
---|---|
<divl> | 块标签 ,默认站一行 |
<span> | 块标签,默认占一格 |
<style> | 放置css的内容,在head中 |
选择器id | #id |
选择权class | .class |