美文网首页
网页编程day-37:HTML的标签

网页编程day-37:HTML的标签

作者: 开源oo柒 | 来源:发表于2019-09-28 22:43 被阅读0次

    一、互联网的三大基石

    1.互联网中的三大基石:

    1)HTTP:超文本标记语言;

    2)HTML:超文本传输协议;

    3)URL:统一资源定位符;

    2.三者的关系:

    html是主体,装载各种dom元素;css用来装饰dom元素;js控制dom元素。

    二、HTML入门

    1.HTML的作用是什么?

    HTML是一种专门对网页信息进行规范化展示的语言。把网页的信息格式化展现的语言。

    2.什么是HTML?

    HTML是超文本标记语言;

    1)超文本:文本信息 、图片、声音、视频、超链接等;

    2)标记:标签的体现。

    HTML不是编程语言,而是一种标记语言;

    三、HTML标签

    1.HTML标签:

    1)HTML 标签是由尖括号包围的关键词,比如 <html>;

    2)HTML 标签通常是成对出现的,比如  <b> 和 </b>;

    3)标签对中的第一个标签是开始标签,第二个标签是结束标签;

    4)开始和结束标签也被称为开放标签和闭合标签;

    2.Head中的子标签:

    (1)<!DOCTYPE html>标签的作用:HTML5中的文档约束;

    (2)HTML中<meta charset="utf-8" />标签的作用:告诉浏览器按照UTF-8编码解析该网页。

    (3)head书写一些和浏览器中的配置信息:

    2.基础标签:

    (1)列表标签:

    1)有序列表:<ol><li></li><li></li><li></li>...</ol>;

    2)无序列表:<ul><li></li><li></li><li></li>...</ul>;

    3)自定列表<dl><li></li><li></li><li></li>...</dl>;

    (2)小标签的作用:

    1)<u></u>:下划线标签;

    2)<i></i>:斜体标签;

    3)<b></b>:加粗加黑标签;

    4)<del></del>:删除线标签;

    5)<sup></sup>:上标标签;

    6)<sub></sub>:下标标签;

    (3)分割线标签:

    <hr />:分割线;

    <dr />:换行;

    (4)常用的属性:

    width:宽度;color:颜色;align:位置(默认center,);size:垂直方向的大小;

    3.超级链接标签:

    实现不同页面之间的跳转;实现锚点功能。

    1)Href: 指定跳转到指定资源的位置;

    2)Target:打开网页的方式;

    4.图片标签:

    (1)src属性可以书写的路径:

    1)相对路径;

    2)绝对路径;

    3)网路路径;

    (2)常用属性和属性的作用:

    1)img (不会自动的换行);

    2)src:引入图片的位置(相对路径、绝对路径、网络路径 );

    3)title:图片的标题;

    4)border:图片的边框;

    5)alt:图片无法正常显示的时候显示的属性;

    6)align:图片的位置 ,必须有参照物。

    5.表格标签:

    (1)常用的属性和对应的作用:

    1)width,height:高度和宽度;

    2)cellpadding:内容和单元格的距离 cellspacing:单元格和单元格的距离;

    3)tr:行:height;

    4)td/th:列 width;

    5)td:普通的列;

    6)th:标题列:自动的居中,加黑效果;

    7)colspan:列合并;

    8)rowspan:行合并;

    9)bgcolor:背景颜色;

    相关文章

      网友评论

          本文标题:网页编程day-37:HTML的标签

          本文链接:https://www.haomeiwen.com/subject/bsowectx.html