HTML_01

1. html介绍超文本标记语言(hyper text markup language):   超文本展示的内容更加丰富(文本信息,视频,音频,连接等)   标记语言标记(标签)网页=html文档html文档主要由标签和文本内容组成。   html文档就是在写标签。 1991/1999 4.0/2009  5.0   html5(audio,video,canvas,语义化布局标签)2. html的作用1) 软件开发架构B/S: 浏览器/服务器C/S: 客户端/服务器优点
  • 安全性略高
  • 本地缓存数据,效率高
  • 缺点:
  • 占据存储
  • 碎片化,维护成本高
  • 2) B/S开发必备条件协议: http/httpsurl: 统一资源定位符资源: html,图片等  3. html的标签及规范1) 标签有一对尖括号和关键字组成<html>3) 标签书写规范
  • 标签一般成对存在,开始标签和结束标签。 <html></html>
  • 标签允许正确嵌套,但是有且只有一个根标签<html></html>。
  • 开始标签内部可以写属性,属性值必须使用双引号。
  • 标签不区分大小写,但是建议使用小写。
  • 允许存在不成对的标签,比如空标签<br /> ,  <input />
  • 编写一个以html/htm结尾的文件
  • 4. html的基本格式1) 编写html文档 

    <html>

    <!--注释: 编码,样式,js,元数据信息等-->

    <head>

    <!--文档标题信息,收藏夹默认名称,搜索引擎读取该信息-->

    <title>标题</title>

    </head>

    <!--正文:用于页面展示-->

    <body>

    </body>

    </html>

    4) 开发工具notepadsublimewebstorm: jetbrains公司(Intellij idea)dreamweaver:网页三剑客hbuilder: h5开发5. html的常见标签1)  标题: <h1>…<h6>作用:强调,黑体,加粗 ,换行效果用户醒目;搜索引擎添加索引。5) 段落标签: <p>区分段落内容,默认有换行效果。6) 换行标签:<br /> 空标签。换行。7) 水平线: <hr/>设置width属性控制长度8)   <a>href:(url)本地资源(绝对路径,相对路径)/网络资源(协议)target:目标_blank: 在新标签页打开连接内容_self:  默认,覆盖当前的标签页_parent: 父级窗口打开   _top: 顶级窗口打开: 页面内跳转

    <a href="#p1">马云</a>

    <!--标签的唯一标识-->

    <p id="p1">马云很帅!!!</p>

    9) 图片标签<img>src:设置图片的urlwidth/height:设置宽高 alt:图片无法正确显示时用于提示title:鼠标悬停时提示10) 列表标签A. 无序列表ul:无序列表li: 列表项B. 有序列表ol:有序列表li: 列表项C. 自定义列表dl:自定义列表dt:列表项dd:对列表项解释说明11) 表格标签table:表格border:边框   cellspacing:单元格的间距cellpadding:单元格的内边距(边框和内容间距) thead:表头   表的字段描述tbody:表体   正文信息tfoot:表脚    统计信息tr:行td:单元格colspan:列合并rowspan:行合并   align:对齐方式(leftcenter、right)12) 表单标签表单form:将表单项内容整体提交给服务器action:动作 (服务器的url)method:提交方式(get/post) http请求组成:  请求行(请求路径 协议)  请求头: key/value(页面内容类型,编码,长度等)   请求体(可选): 用户发送数据get请求:  get请求没有请求体 (url中传输参数信息)?user=zs&password=123get较小数据(1k)不能使用在上传情况下post请求:  post请求参数在请求中post传输较大数据表单项:input: 文本输入框,密码框,单选,多选,提交按钮等type:控制表单项的显示格式text:单行文本框password:密码框button:按钮           submit:提交按钮           radio:单选             checkbox:多选           hidden:隐藏域           file:文件传输(不能使用get请求)       value:控制表单项值(传输给服务器的值)name:表单项的名称(传输给服务器的key值)       checked:控制选中状态13) 其他标签div标签:默认样式和父级容器宽度保持一致,高度默认为0。块级元素,默认不和其他元素共享一行。div+css用于布局页面。       span标签用于标记,内联元素,能够和其他元素共享一行 14) 实体  

    相关内容推荐