zoukankan      html  css  js  c++  java
  • WEB前端第三课——HTML常用标签、属性、符号等

    1.常用标签

    <p></p>  段落标签

    <hn></hn>  题目标签(n=1~6)

    <br/>  换行标签

    <hr/>  水平线标签

    <span></span>  无语义标签,常用于定义代码块

    <img/>     图片标签

    <a></a> 超链接标签

    <address></address>  地址标签

    <input/>   文本输入框

    <textarea></textarea> 多行文本输入框

    <label></label> 为input元素定义标注

    <pre></pre>  预文本格式标签

    <b></b>  定义粗体字

    <strong></strong>  定义加重语气字,显示效果类似<b></b>

    <i></i>  定义斜体字

    <em></em>  定义着重字,显示效果类似<i></i>

    <u></u>  字体下划线

    <s></s>  字体中划线

    <del></del>  定义删除字,效果类似<s></s>

    <small></small>  定义小号字

    <sup></sup>   定义上标字

    <sub></sub>   定义下标字

    <ins></ins>   定义插入字

    <ul></ul>  定义无序列表

    <ol></ol>  定义有序列表

    <dl></dl>  自定义列表

    <li></li>   列表项目的标记

    2.特殊符号(字符实体)

      在代码书写过程中,HTML 中的预留字符必须被替换为字符实体

      实体名称对大小写敏感。

      &nbjsp;    空格

      &gt;         大于号(>)

      &lt;          小于号(<)

      &times;  乘号(x)

      &divide;  除号(÷)

      &amp;  和号(&)

      &quot;     引号(")

      &cent;  分(cent)(¢)

      &pound;  镑(pound)(£)

      &yen;  元(yen)(¥)

      &euro;  欧元(euro)(€)

      &copy;     版权符号(©)

      &reg;  注册商标(®)

    3.标签属性

    <img/>     图片标签(单标签),使用该标签将图片添加到页面。

        语法:<img  src="URL"  width="50px"  height="50px"  alt="加载图片失败"  title="文本"/>

        必须属性:src(存储图片的位置URL)

        常用属性:width(图片宽度px),height(图片高度px),alt(当图片未能正常显示时,用于给用户提示信息),border(图片边框,不常用),

             title(鼠标经过图片时显示的内容,搜索引擎抓取图片时是依据title定义的内容来分析识别图片的)

    <a></a> 创建超链接(双标签)

        语法:<a  href=""  target=""  title="">文本(链接名称)或图片</a>

        href,必须属性,链接URL

        target,可选属性,链接打开方式,默认参数"_self"当前页面打开,“_blank”新窗口中打开

        name,可选属性,锚点名称

        title,可选属性,定义鼠标经过时提示的文字

        创建锚点分为两步:(1)使用<a  href="#锚点名">需要设置链接的文本</a>,创建链接;

                 (2)利用标注链接跳转到目标位置,两种方式:①目标位置添加id,id="锚点名",②目标位置使用<a>标签,<a  name="锚点名">目标位置文本</a>

    <hr/>  在页面中创建一条水平线,将文档分隔显示,单标签。

        常用属性:align,水平对齐方式,默认居中

             width,水平线长度,可设置像素(px)或百分比(%)

             size,水平线的高度(粗细程度)

             color,水平线的颜色

        语法示例:<hr  align="center"  width="50%"  size="5"  color="red" />

    <pre></pre>  预文本格式标签,在<pre></pre>内部的文本,通常会保留空格和换行符,用在<body></body>内侧

    >>>>>>>>>>>>>>>>>>>>更新补充内容<<<<<<<<<<<<<<<<<<<<<<<<<

    1.大多数 HTML 元素被定义为块级元素(block-level)内联元素(inline)

      块级元素在浏览器显示时,通常会以新行来开始(和结束),常用块级元素:

      <div>, <h1>, <p>, <ul>, <table>

      内联元素在显示时通常不会以新行开始,也称行内元素,常用行内元素:

      <span>, <b>, <td>, <a>, <img>

      行内元素无法直接定义行高 width属性,可以通过 display属性将其转换为行内块级元素(inline-block)

  • 相关阅读:
    Linq
    正则表达式
    XPath
    winFrom http协议
    CSS选择器
    Action方法
    Code First开发方式
    Database First开发方式
    可选参数,程序暂停,属性的初始化,String.Format改进
    Lambda表达式和LTNQ
  • 原文地址:https://www.cnblogs.com/husa/p/13311244.html
Copyright © 2011-2022 走看看