zoukankan      html  css  js  c++  java
  • HTML基础复习(一)

    HTML:超文本标记语言(HyperText Markup Language),不是一种编程语言,是标记语言
    HTML元素:
    <p>段落</p>
    HTML标签:
    <p>段落</p>
    HTML声明:<!DOCTYPE>并不是标签
    HTML5:<!DOCTYPE html>
    HTML4.0.1 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    HTML 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    HTML 4.01 Frameset :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
    XHTML 1.0 Strict:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    XHTML 1.1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
     
    HTML标题:
    <h1>~<h6>
    标题很重要,不要仅仅为了字体样式而使用,搜索引擎使用标题编制索引
    HTML段落:
    <p>...</p>
    如果要在段落中换行,用<br/>
    HTML链接:
    <a href = "http://www.runoob.com">...</a>
    链接中的target属性:
    target值 描述 示例
    _blank 在新窗口打开链接 <a href = "http://www.runoob.com" target="_blank">...</a>
    _self 默认,相同框架中打开链接 <a href = "http://www.runoob.com" target="_self">...</a>
    _parent 在父框架中打开链接 <a href = "http://www.runoob.com" target="_parent">...</a>
    _top 在整个窗口中打开链接 <a href = "http://www.runoob.com" target="_top">...</a>
    framename 在指定的框架中打开链接  
    链接中的id属性:
    <a id="tar">我在这里</a>
    ......
    <a href="#tar">跳转</a>
     
    HTML图像:
    <img src = "" width="" height=""/>
    HTML换行(空元素):
    <br/>
    HTML水平线:
    <hr/>
    HTML整个文档:
    <html>...</html>
    HTML内容主体:
    <body>...</body>
    HTML头:
    <head></head>
    可以添加在head内的标签有:title、style、link、script、noscript、base
    HTML<link>:
    只能在head中
    空元素,只有属性
    <link rel = "stylesheet" type = "text/css" href = "/dir/theme.css"/>
    HTML<style>:在head内
    定义样式文件的引用地址
    <style type="text/css">
    h1 {color: yellow}
    p {color: red}
    </style>
    HTML元数据:在head内
    定义关键字:<meta name="keywords" content = "HTML,css,xml"/>
    定义描述内容:<meta name="description" content = "学习html"/>
    定义网页作者:<meta name="author" content = "Demi"/>
    定义元字符集:<meta charset = "UTF-8"/>
    定义网页刷新(每三十秒刷新一次):<meta http-equiv="refresh" content="30"/>
    HTML<base>:在head标签内
    <base href="http://......" targe="_blank" />定义页面中所有链接默认的目标地址。
    HTML属性:
    属性是HTML元素提供得附加信息
    一般以名称/值对的形式
    一般描述在开始标签中
    举例:<a href = "http://www.runoob.com">...</a>
    属性值一般以双引号包含,单引号也可以;但是在内容本身有双引号的时候,必须用单引号包含,比如:name = 'aaaaa "bbbbb"ooooo'
    常见属性:class、id、style、title……
    HTML注释:
    <!--注释-->
    HTML空行与空格:
    所有连续的空格和空行都会被算作一个空格
    HTML加粗:
    <b>...</b>
    <strong>...</strong>
    HTML斜体:
    <i>....</i>
    <em>...</em>
    HTML字体放大:
    <big></big>
    HTML字体缩小:
    <small></small>
    HTML上标:
    <sup></sup>
    HTML下标:
    <sub></sub>
    HTML预格式文本:保留空格与换行,适合显示代码
    <pre>...</pre>
    HTML缩写:
    <abbr title="People`s Republic of China">PRC</abbr>
    HTML删除文本:
    <del>...</del>
    HTML下划线:
    <ins>...</ins>
     
     
     
     
  • 相关阅读:
    查看端口有没有被占用
    微信公众号2()
    How to insert a segment of noise to music file
    puppet practice
    Docker Commands
    LempelZiv algorithm realization
    The algorithm of entropy realization
    Java network programmingguessing game
    Deploy Openstack with RDO and Change VNC console to Spice
    puppet overview
  • 原文地址:https://www.cnblogs.com/YanRuYu-MoRuHua/p/6677600.html
Copyright © 2011-2022 走看看