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=" 要合并的单元格的个数",并删除要合并的其他单元 格

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

原文地址:https://www.cnblogs.com/skyline1/p/12107652.html