HTML5基本骨架
1、<html></html>标签点限定了文档的开始点和结束点
2、<head></head>头部或标题
3、<body></body>浏览器中显示的主体内容
4、<title></title>可定义文档的标签式状态栏上
5、<meta>用来描述HTML网页文档的属性
<!dottype html>
<html>
<head>
<meta charste="utf-8"/>
<title> 学习</title>
</head>
<body>
</body>
</html>
图片标签:
<img src="路径" alt=“替代文本” width=“宽度” height="高度" title=“提示”>
标题介绍与应用
标题<h1>(最大)<h6>
align(属性)left 左边 center 中间 right 右边
标签之段落、换行、水平线、
换行:<br/>
水平线:<hr/> color 颜色 width 长度 size 高度 align 对齐方式
超文本链接
超文本链接标签<a> <a hres="url">链接文本<a>
标签之文本
<em> 定义着重文字 <b> 定义粗体文字 <i> 斜体字 <strong>加重语气 <del> 删除字 <span> 元素没有特定含义
有序列表(可以进行嵌套)
<ol>每个列表项始于<li>标签
<ol>
<li>
</li>
<ol>
type是<ol>的属性
1、1、表示数字
2、a表示小写
3、A大写
4、大小写罗马数字
无序列表
标签<ul>
属性: disc 实心圆 circle 空心圆 sguare 小方块 none 不显示
快捷键:ui>li*n
标签之表格<table>
表格组成特点 行<tr>、列 <td>、单元格
表格属性: border 边框 width 宽度 height 高度
单元格合并
水平合并:colspan 保留左边,删除右边 垂直合并: rowspan 保留上边,删除下面
常见应用场景:无序的列表效果、导航效果
标签之表格
表格组成特点:表格 <table>、行<tr>、单元格<td>;快捷键生成:table>tr*N>td.
表格属性: border 边框 width 宽度 heigth 高度
表格单元格合并
1、水平合并:colspan (保留左边、删除右边)
2、垂直合并:rowspan (保留上边、删除下边)
form 表单 在web网页中用来给用户填写信息,从而能采用户信息,使网页有交互功能,如登录注册,搜索框
<form action="url" method="get/post" name="myform">
</form>
属性说明 action 服务器地址 name 表格名称
method get post 的区别
1、数据提交方式,get把数据提交的url 可以看到、post看不到
2、get 一般用于提交少量数据,post用来提交大量数据
表单元素 一个完整的表单包含三个基本组成部分:表单标签、表单域、表单按钮
表单标签 <form>
表单域 <input type="text"/>
按钮 <input type="submit"/>
<button></button>
</form>
input(输入框)
表单元素
文本框 文本域通过<input type="text">标签来设定
当用户要在表单中键入字母,数字等内容时,就会用到文本域
<form>
first name:<input type="text"namne=firstname><br>
last name:<input type="text" name="astname">
</form>
密码框 密码字段通过标签<input type="password">来定义
<form>
pass word:<imput type="passwodr" name="pwd"/>
</form>
提交按钮:value (替换文本)
元素分类
块元素与行内元素(内联元素)
常见块级元素(在页面中独占一行、自上向下垂直排列、可设置width、height属性,一般块级元素可以包含行内元素和其他元素)
div、 form 、h1-h6、p、table、ul、等等特点:上下摆放
常见行内元素(只占自身大小、不会独占、属性无效果、不包含块级元素)
a、b、me、i、span、strong、等特点:横向摆放
行内块级元素
button、img、input 等 特点:不换行,能够识别宽高
HTML5新增标签
1、<header></headr> 头部
2、<nav></nav> 导航
3、<section></section> 定义文档中的节如章节、页眉、页脚
4、<aside></aside>侧边栏
5、<footer></footer>(底部)
6、<article></article>代表一个独立的完整的相关内容块,例如一篇完整的论坛帖子,一篇博客文章,一个用户评论,等等;
标签:表格,标签,元素,表单,width,HTML,属性 From: https://blog.51cto.com/u_16405988/8727775