学习实例:在这个博客前端实例练习
1.了解web前端
web前端开发主要是通html,css,js,ajax,DOM等前端技术,实现网站在客服端的正确显示及交互功能。
2.HTML基础元素
元素 | 作用 |
---|---|
<!DOCTYPE html> | 位于最前面,告知浏览器文档使用哪种 HTML 或 XHTML 规范 |
<html> | 页面的根元素 |
<head> | 文档的元数据 |
<meta> | 定义网页编码格式 <meta charset=" "> |
<title> | 网页的标题 |
<body> | 可见的页面内容 |
<h?> | 定义标题,?表示标题等级 |
<p> | 定义段落 |
<a> | 定义链接 <a href=" "> |
<img> | 定义图像 <img src=" "> |
<br> | 换行 |
<link> | 定义了文档与外部资源之间的关系 |
<srcipt> | 用于加载脚本文件 |
<table> | 定义表格 |
<tr> | 表格的行 |
<td> | 表格的列 |
<thead> | 表格头 |
<div> | 进行文档布局 |
<span> | 作文本的容器,可设置样式 |
<form> | 表单 |
3.Form表单
表单是一个包含表单元素的区域,允许用户在表单中输入内容
用一个实例弄懂form表单
<form action="www.123.com" method="post" enctype="multipart/form-data" target="_blank">
输入一个数:<input type="text" name="number" width> <br>
输入一个密码:<input type="password" name="password"> <br>
<input type="radio" name="radio" value="点了传输我这个value">单选<br>
<input type="checkbox" name="checkbox" value="同上">多选