zoukankan      html  css  js  c++  java
  • HTML基础---(head,body,图片,超链接,表格)

    互联网三大基石:

      HTTP:超文本传输协议

      URL:统一资源定位符

      HTML:超温泵标记语言

    head

      网页标题标签:<title>题目</title>

      编码格式标签:<meat charsret = "utf-8"/>

      网页搜索优化标签:

        <meta name="keywords" content="HTML,SXT,张老师,506"/><!--网页关键字-->

        <meta name="description" content="本网页上是关于HTML的head 标签学习的,特别棒,6666."/><!--网页描述--> <meta name="author" content="张老师"/><!--网页作者-->

      网页指定跳转标签:<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/><!--网页自动跳转-->

    body

      ---文本标签

      标题标签:<h1></h1>到<h6>(自动换行,块级标签)

        属性: align: center left right

      水平线标签:<hr>(默认居中)

        属性:width="宽度" 设置水平线的宽度

          size="高度" 设置水平线的高度

          color="颜色" 设置水平线的颜色

      段落标签:<p></p>(自动换行,块级元素。  段间距较大)

      换行符:<br/>

      空格符:&nbsp;

      权重标签:

        b:会将内容加黑显示

        i:会将内容斜体显示

        u:会将内容增加下划线

        del:增加中划线

        以上标签不会自动换行,并且可以嵌套使用.

      注意:1 标签的属性是对标签的功能进一步的补充,可以由开发人员自由指定标签的属性值, 来达到想要的显示效果.

         2 像素单位占据的是电脑屏幕的大小,百分比占据的是浏览器窗口的大小

      ---列表标签

       无序列表ul li:该标签中书写列表内容,一个li标签代表列表中的一行数据 特点: 默认数据前有一个黑圆圈符号.

       有序列表ol li:该标签中书写列表内容,一个li标签代表列表中的一行数据 特点:会自动的给列表进行顺序编码,格式从小到大并且是连续的.

        属性:type:可以改变顺序编码的值,可以是1 a A I,,默认使用阿拉伯数字进行顺 序编码

       自定义列表: dl dt:数据的标题 dd:数据的具体内容,一个dd表示一条数据.

    图片

      img标签

    <img src="img2/2.jpg" height="200px" title="这是一个优美 的图片" alt="这是一个优美的图片"/>

        src:图片路径。

        height:图片高度。

        width:图片宽度。

        title:图片标题,鼠标放在图片上会显示。

        alt:图片加载后的提示语

    超链接

       a标签

      

    <a href="04-HTML-body标签(列表标签).html" target="_blank"><img src="img/3.gif" height="100px"/></a>

        href:跳转的网页资源路径

        target:指明要跳转的网页资源的显示位置 _self 在当前页中刷新显示,_blank 在新的标签页中显示,_top 在顶层页面中显示,_parent 在父级页面中显示

       锚点

        作用:在一张网页中进行资源跳转

        使用:先使用超链接标签在指定的网页位置增加锚点.

        格式为: <a name="锚点名" ></a> 使用a标签可以跳转指定的锚点,达到网页内部资源跳转的 目的,

        格式: <a href="#锚点名" >访问方式</a>

    表格

      table:声明一个表格

        tr:声明一行

        th:声明一个单元格,表格头,默认居中加粗显示

        td:声明一列

        属性:border:给表格添加边框

          设置表格的宽度

          height:设置表格的高度

          cellpadding:设置内容居边框的距离

          cellspacing:设置边框的大小

        行合并:在要合并的单元格中的第一个单元格上使用属性 rowspan="要合并的单元格的个数",并删除其他要合并的 单元格完成合并

        列合并:在要合并的单元格中的任意一个上使用属性colspan=" 要合并的单元格的个数",并删除要合并的其他单元 格

                                                                                -----------尚学堂笔记

  • 相关阅读:
    项目冲刺之任务场景分析
    一位数组的最大子数组(debug版)
    软件工程课堂五(地铁项目的优化)
    人月神话阅读笔记02
    软件工程第七周总结
    人月神话阅读笔记01
    软件工程第六周总结
    构建之法阅读笔记03
    软件工程第五周总结
    软件工程课堂四(合作开发项目-地铁线路查询)
  • 原文地址:https://www.cnblogs.com/skyline1/p/12107652.html
Copyright © 2011-2022 走看看