• 【html、CSS、javascript-3】几个基本元素


    HTML 元素指的是从开始标签到结束标签的所有代码。

    开始标签 元素内容 结束标签
    <h1> h标签用来表示标题 </h1>
    <p> p标签表示一个段落 </p>
    <hr> 我是一个单标签,我会给文档加一个横线 *注意我没有结束标签哦!

    1.4元素的属性

    1.了解HTML元素属性

    属性的作用就是就为元素提供更多的信息,大多数元素都可以拥有属性 
    属性的语法:<标签 属性1=参数1>

    注意空格的使用

    2.学习两个属性:align和bgcolor

    (1)align属性:我的作用是指定内容的对齐方式,left:左对齐(我是默认值哦);right:右对齐;center:居中对齐

    (2)bgcolor属性:我的作用是添加一个背景颜色

    1.5-1.6文本元素

    文本元素,就是讲一段文本设置成相匹配的结构和含义

    1.b元素: 我的作用就是 加粗文字;

    2.br元素: 我的作用就是强制换行;

    3.i元素: 我的作用就是让 文字倾斜;

    4.del元素: 我的作用就是 删除文子

    5.strong元素: 我的作用是强调一段文本我的实际作用也是加粗文字.

    6.wbr元素: 我的作用是表示安全换行Theshiyigehenchanghenchangdedanci.

    再来对比一下没有安全换行的文本Theshiyigehenchanghenchangdedanci.

    7.em元素: 我的作用是强调,我的实际作用也是让文字倾斜

    8.s元素: 我的实际作用就是 删除线;从语义上来看,表示不准确的删除。

    9.u元素: 我的实际作用就是 给文字加下划线

    10.ins元素: 我的实际作用也是 给文字加下划线;从语义上来看,是添加一段文字,起到强调作用。

    11.small元素: 我的作用是 添加小号字体 ,从语义上来看,用于免责声明和澄清声明

    12.sub和sup元素:我们的作用就是添加下标和上标: sub表示下标:HTML5;sup表示上标我的房子100m2

    13.dfn元素: 我的作用从语义上看表示定义术语,是对一个词或短语的解释,实际效果就是倾斜文本

    14.abbr元素: 我的作用是表示一段文本的缩写,在文本显示上没有任何实际效果,比如WTO 

    15.q元素: 我的作用从语义上看表示引用来自其他地方的的内容, 我的实际作用就是给文本加上双引号

    16.code等元素: code元素用来表示计算机代码片段;function(){}
    var元素用来表示编程语言中的变量; num
    samp元素表示程序或计算机的输出您没有权限浏览该网页
    kbd元素表示某部分内容是由用户利用键盘输入如:请按Enter键 
    *这几个元素属于英文范畴,必须将lang="en",英语才能体现效果。

    17.ruby元素: 我的作用是表示位于表意文字上方或右方的注音符号 英(ying)雄(xiong)***不常用,浏览器支持不太好,很多浏览器不支持此功能

    18.cite元素: 我的作用从语义上来看就是表示引用其他作品的标题。 实际效果就是加粗文本

    19.bdo元素: 我的功能是设置文字方向,必需使用dir属性才可以设置,共两个值,rtl(从右到左);ltr(从左到右)默认为ltr 
    rtl就是从右到左,即:right to left 

    20.mark元素: 我的作用是突出显示文本,用于记号, 我的实际作用就是加上一个黄色的背景。

    21.time元素: 我的作用从语义上来看就是表示日期和时间,例如 2015-9-18

    22.span元素: 我的作用就是表示一般性的文本,没有特殊效果

    1.7超链接

    1、掌握a标签建立超链接的几种形式

    目录语法:
    同一个目录:直接写文件名称 或 ./文件名 比如:tp.jpg或者./tp.jpg 
    在下级(子)目录:xxx/tp.jpg 
    在下下级目录:xx/xxx/tp.jpg 
    在上级(父)目录:../tp.jpg
    在上上级目录:../../tp.jpg

    target属性
    id或name属性和创建文档内链接

    1.target属性的四个值:
    _self:当前位置;
    _blank:新窗口;
    _top(最顶层框架),_parent(父框架),这两个属性咱不做讲解,后边的章节再说;

    2.id属性:通用属性,可以理解为元素的身份证;name属性:可以理解为元素的名字

    锚点1 锚点2 锚点3 锚点

  • 相关阅读:
    php apc缓存以及与redis的对比
    React Refs
    React 表单与事件
    React AJAX
    React 组件生命周期
    React 组件 API
    React Props
    React State(状态)
    react 组件之间传值
    react 创建组件
  • 原文地址:https://www.cnblogs.com/sunshuhai/p/6687465.html
Copyright © 2020-2023  润新知