Web概述HTML基本结构
2016-09-05 16:59:40 0 举报
AI智能生成
登录查看完整内容
HTML5 教程
作者其他创作
大纲/内容
HTML
简介
Hyper Text Markup Language
功能
在线发布文本/图片/列表/表单...
通过超链接访问在线资源
创建表单收集用户输入
包含多媒体(声音/视频...)
基础
标签和元素
内容
标签嵌套
属性
自封闭标签<br>或者<br />
元素类型
块级元素
行内元素
基本框架
文档声明:HTML5
<!DOCTYPE html>
主体
<html></html>
头部
<head></head>
正文
<body></body>
语义标题
<h1></h1>...<h6></h6>
<h5></h5>与普通字体相同
段落
<p></p>
p>lorem + Tab 自动生成段落占位符
换行
<br>
<br />
html注释
<!--注释-->
空格
默认连续空格为单个空格
链接
标签:<a></a>
链接目标:href
绝对链接
http://
相对链接
上级目录../
邮件链接
mailto:94551292@qq.com
锚点链接#id
链接目标在同一个页面
href=\"#\" 空链接默认返回当前页面顶端
文本格式化
<b>
<strong>
<em>
and so on...
图片
标签<img>
源 src=\"\"
替换文本 alt=\"\"
尺寸
width/height
小图不要变大图 => 图像清晰图
大图不要变小图 => 只改变显示并不改变图片原有体积
表格<table>
表头行 thead
行tr
单元格th or td
表体 tbody
行 tr
单元格 td
rowspan 跨行
colspan 跨列
边框 border=1 or 0
内间距 cellpading
单元格间距 cellspacing
列表
无序列表
ul>li
有序列表
ol>li
定义列表
dl
dt-标题
dd-描述
***表单
功能:收集用户输入或选择信息
标签 Form
提交行为地址 action
方法 method
get
post
输入元素
文本字段
<input type=\"text\">
密码框
<input type=\"passward\">
单选按钮
<input type=\"radio\">
选择状态 checked=\"checked\"
复选框
<input type=\"checkbox\">
文件选择框
pre style=\
文本区域
<textarea>
列数: cols
行数: rows
选择框
<select>
选项
<option>
值:value 用于表单往后台传递
选择状态 selected=\"selected\"
按钮
提交
<input type=\"submit\">
重置
<input type=\"reset\">
高级
文档类型声明
html5: <!DOCTYPE html>
头部声明
标题<title>
根地址<base href=\"url\">
链接 span style=\
样式块
<style>...</style>
脚本块
<script></script>
src=\"***.js\"
type=\"text/javascript\"
html5 可以省略
元数据<meta>
charset=\"utf-8\"
<meta name=\"keywords\" content=\
HTML实体字符
 
©
©©
<
<<
>
>>
&
&&
URL Ecoding编码
地址栏编码/百分号编码
空格%20
!%21
#%23
&%26
?%3F
@%40
HTML5 特性
新的输入类型
收藏
0 条评论
回复 删除
下一页