功能强大的HTML_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:44:53
原創
3508 人瀏覽過

 HTML基本标签(一)

1.什么是HTML

  html:Hyper TextMakeup language:超文本标记语言

  html:网页的“源码”

  浏览器:“解释和执行”html源码的工具

2.网页的摘要信息

网页摘要信息利于浏览器解析和搜索引擎搜索:

  2.1使用

标签 <p></p> <p><tlite>搜狐-中国最大的门户网站</tlite></p>

  2.2使用标签

  (1)描述文档类型和字符编码

  (2)描述搜索关键字和描述

 

 

   3.HTML页面中的块和行

      HTML标签分类(方便后续的布局设计)

         块级标签:显示为”块”状,前后隔一行

         行级标签:按行逐一显示

     强调:块级和行级标签的区别:

块级:前后换行

行级:一行内显示

块级标签分为:基本块级标签,常用于布局的块级标签

  基本块级标签:

001.标题标签

标题

 ......

标题

h1最大,h6最小

  002.段落标签

...

  003.水平线标签


  常用于布局的块级标签:

001.有序列表标签

      

  1. 列表项1

002.无序列表标签

     

  • 列表项1

003.定义描述标签(常用于图文混编)

标题

描述1

004.用定义描述标签实现图文混编的效果

005.表格

 

   

   

 

百度 新浪

006.表单

...

 

007.分区标签div

重点: 一般当做结构化块状元素使用,作为逻辑分区(分块)即容器来使用。

 

04.请说出实际开发常用的4种块状结构是什么?

   01.div-ul(ol)-li:常用于分类导航或菜单等。

   02.div-dl-dt-dd:常用语图文混编的场合

   03.table-tr-td常用于图文布局或数据显示

   04.form-table-tr-td:常用于布局表单

05.行级标签

 001,图像标签

      功能强大的HTML_html/css_WEB-ITnose

为了浏览器之间的兼容,推荐使用title属性,确保能显示提示文字

     alt:当图片不显示时,显示在图片上的文字

     title:鼠标停留在图片上显示的文字

002.行级标签:显示某行内的独特样式

   文本等行级内容

003.换行标签

 

06.为什么需要w3c标准

w3c:World Wide Web Consortium,万维网联盟

W3C的职能:负责制定和维护web行业标准

W3C提倡的web结构:

1、内容(结构)和表现(样式)分离

2、HTML内容结构要求语义化 

07.XHTML1.0基本规范

  001.标签名和属性名必须小写

  002.html标签必须关闭

  003.属性值必须用引号括起来

  004.标签必须正确嵌套

  005.必须添加文档类型声明

文档声明必须位于文档的最前面,级别有三种:Strict(严格类型),Transitional(过渡类型),Frameset(框架类型)

 

 HTML基本标签(二)

01.超链接--实现页面间的导航

语法:链接热点文本或图像

例如:

02.相对路径:相对于当前目录的地址,常用

登录

绝对路径:指向目标地址的完整描述,少用

登录

搜狐

重要:如果要访问当前路径的上一级路径可以使用../

 

03.超链接的三种应用场合

001.页面间链接

002.锚链接

003.功能性链接

 001.页面间链接

    [登录]

    适用场合:常用于网站导航

 002.实现锚链接(分为同页面锚链接和页面间锚链接)

    同页面锚链接:

   1,定义标记(锚):目标位置

   2,设置链接到标记位置:当前位置

    适用场合:适用于页面内容较多,超过一屏的场合

    跨页面链接:

    1.标记所在页:[明星专区]

   锚链接可以用于同页也可以跨页链接

    2.设置链接到标记位置:明星专区

  003.功能性链接

邮箱、QQ链接等

待写…

04.注释

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!