html 基础
学习
总结HTML总计
第一章html基础
标签:
head头部 title主体 | body主体 meta元信息元素 |
---|---|
W3C万维网 | strong加粗文本 |
strong指定超链接 | p段落 |
br换行 | hr水平线 |
 空格 | >大于号 |
<小于号 | "引号 |
结构元素: | |
---|---|
Header:标题头部区域 | footer:标记脚步区域的内容 |
section:web页面中的独立区域 | Articre:独立文章内容 |
aside:相关内容或应用 | footer:标记脚步区域的内容 |
nav:导航类辅助内容 |
图像标签
<img src=” 图像地址 ” alt=” 图像的代替文字 ” title=”鼠标悬浮提示文字 ”target=”当前页面打开_serf” ”新的页面打开”_blank ” width=”图片宽度”height=”图像高度”>
超链接标签
链接文本或图像</图像>
绝对路径:站点外的文件
相对路径:站点内的文件,常用到两个特殊的符号…/表示当前目录的上级目录,…/…/表示当前目录的上上级目录。
应用场合:页面链接,锚链接,功能性链接。
href链接指定地址 charset字符集编码 编码:utf-8国际通用编码,gb2312简体中文,lso-885901纯英文,一般用于只包含英文的网页,big5繁体,一般用于带有繁体字的页面。
行内元素和块内元素
块元素:无论内容多少,独占一行。
行元素:内容撑开宽度,左右都是行内元素的排在一行。
列表标签
列表分为3类,有序列表
ol li,无序列表ul li,定义列表特殊的列表形式,标题及列表项的结合,使用 dl 标签作为列表的开始,使用 dt 作为列表项的起始,dd 列表项的定义使用该标签。
表格
基本结构:单元格,行,列。创建表格分四步,第一步,table。第二步,table里创建行标签tr。第三步,tr里创建th。第四步,tr里创建td。
例:td colspan=”所跨的列数” 单元格内容横向合并
例:tr rowspan=”所跨的行数” 单元格内容
媒体元素:
视频因素:video元素的基本语法,vider src=”a视频路径 ” controls=”controls” 您的浏览器不支持 videro标签video
浏览器不支持视频格式:ogg IE不支持 Safari不支持 mpeg4 firefox不支持 opera不支持 webm IE不支持 Safari不支持
音频元素:
audio音频元素的基本因素,audio src=”音频路径” controls=”controls” /vidio
浏览器不支持音频格式:ogg ie不支持 Safari 不支持 MP3 Firefox不支持 opera不支持
WAV id不支持,Chrom不支持
Iframe内联框架的语法
iframe src=” 引用页面地址 ” name=” 框架标识名” /iframe 在被打开的框架上加name属性,如mainframe src=”网页地址”
表单元素:
Form标签元素:常用的两个属性时:
action指示服务器处理表单输出的程序,语法为action=”url”
Method告诉浏览器如何将数据发送到服务器,指定向服务器发送数据的方法,语法为method=”get|post”
属性:type :说明:指定元素类型 可用类型,text,password,CheckBox,radio,submit,rest,file,email,number,url,hidden,image,button 默认为:text
属性:name:说明:指定表单元素名称
属性:value:说明:可选属性,指定元素初始值
属性:size:说明:指定表单元素初始宽度
属性:maxlength:说明: 指定可在text或password元素输入的最大字符,默认无限大
属性:checked :说明:指定按钮是否被选中,输入类型为radio或CheckBox时使用
文本框:例:input name=”text” value=” ” name=” fname”
密码框:例:input name=”name” type=”text” size=”21”账户
input name=”pass” type=” password” size=”22”密码
单选按钮:例:input name=”gen” type=”radio” value=”男”/ 男
input name=”gen” type=”radio” value=”女”/女
复选框:例:input type=”checkbox” name=”interest” value=”sports”/ 运动
input type=”checkbox” name=”interest” value=”talk”/游戏
input type=”checkbox” name=”interest” value=”play”/作业
列表框:例:select name=”指定列表名称” size=”行数”
option value=”可选项的值” selected=”selected”……/option
option value=”可选项的值”……/option
按钮:
按钮在HTML5中分为3种,一种是普通按钮,一种是重置按钮,一种是提交按钮
Type=”button”普通按钮 type=”submit”提交按钮 type=”reset”重置按钮
Name用来给按钮命名 value用来设置显示在按钮上的文字