zoukankan      html  css  js  c++  java
  • HTML基础

    学而时习之,不亦说乎!

                                 --《论语》

    HTML:HyperText Markup Language(超文本标记语言)

    作用:负责描述页面的语义。

    基本骨架:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>Document</title>
    </head>
    <body>

    </body>
    </html>

    文档声明头:

    大规范

    里面的小规范

    HTML4.01

    Strict        严格的,体现在一些标签不能使用,比如u

    Transitional   普通的

    Frameset     带有框架的页面

    XHTML1.0

    严格体现在小写标签、闭合、引号

    Strict          严格的,体现在一些标签不能使用,比如u

    Transitional    普通的(我们学习的版本)

    Frameset      带有框架的页面

    HTML5

    HTML5通用,没有小规范

    head部分常用内容:

    字符集:<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

    关键字:<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

    页面描述:<meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

    标题:<title>网页的标题</title>

    小图标:<link rel="Shortcut Icon" href="你的ico地址"/>

    语法特性:

    1.对换行和tab键不敏感;

    2.空白折叠现象:HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。

    3.标签严格封闭

    常用标签:

    标题标签:h1,h2,h3,h4,h5,h6;容器级标签,但是建议只写文字。

    段落标签:p(paragraph);文本级标签,只能放文字,图片,表单元素。

    图片标签:img(image);它是一个自封闭标签,src属性只想图片地址,alt属性在图片显示不出来时用于显示文字。<img src="1.jpg" alt="这个图片显示不出来,我就出现啦"/>

    超链接标签:a(anchor);文本级标签,href(hypertext reference)属性指向跳转地址,title属性表示鼠标悬停在超链接上时显示的文字,target属性用于表示打开新窗口的位置,target="_blank"表示在新窗口打开。作为锚点,需要在超链接地址后面加上#,配合另一个具有id或者name属性的a标签,实现页面类或者页面外的锚点定位。

    无序列表标签:ul(unordered list) ,li(list item);这是一个组标签,ul里面只能有li,li是容器级标签。ul增加的事无序列表的语义。

    有序列表标签:ol(ordered list) ,li(list item);这是一个组标签,ol里面只能有li,li是容器级标签。ul增加的事无序列表的语义。

    定义列表标签:dl(definition list) ,dt(definition title ),dd(definition description);这是一个组标签,dd是用来描述dt的。

    div标签:div(division);容器级标签,用作盒子。

    span标签:文本级标签。

    表单标签:form;action属性表示表单的提交地址,method表示表单的提交方式,enctype属性表示表单提交编码方式,默认值为(application/x-www-form-urlencoded),文件上传需要设置为(multipart/form-data)。

    文本框:<input type="text" value="默认有的值" />

    密码框:<input type="password" />

    单选框:<input type="radio" name="sex" checked="checked">

    复选框:<input type="checkbox" name="hobby" checked="checked"/>

    下拉框:<select><option>北京</option><option>河北</option><option>河南</option><option>山东</option><option>山西</option><option>湖北</option><option>安徽</option></select>

    文本域:<textarea cols="30" rows="10"></textarea>

    普通按钮:<input type="button" value="我是一个普通按钮" />

    提交按钮:<input type="submit" value="提交"/>

    重置按钮:<input type="reset" value="重置"/>

    label标签:<input type="radio" name="sex" id="man" /> <label for="man">男</label>;表单元素都可以有这个标签。

    表格标签:<table><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr></table>

    杂项:

    注释:<!-- -->

    字符实体:&lt; &gt; &copy; &nbsp;

    废弃标签:br,hr,font,b,u,i等,因为HTML只负责语义,但是这些标签干涉了css样式。

  • 相关阅读:
    MyEclipse 中 添加 js自动完成模版
    jQuery css,position,offset,scrollTop,scrollLeft用法
    eclipse中报错:Errors running builder “Integrated External Tool Builder” on project
    jQuery children等筛选用法
    jQuery html text val方法使用
    EventBus在Android中的简单使用
    mvc 中Range中max和min值晚绑定
    &lt;转&gt; Libvirt学习总结
    hdu 4409 Family Name List(LCA&amp;有坑点)
    Mybatis 入门之resultMap与resultType解说实例
  • 原文地址:https://www.cnblogs.com/zby9527/p/6698088.html
Copyright © 2011-2022 走看看