WEB基础之：HTML

最新推荐文章于 2024-07-08 17:28:27 发布

空气说

最新推荐文章于 2024-07-08 17:28:27 发布

阅读量390

点赞数

分类专栏： web 文章标签： web html 标签

本文链接：https://blog.csdn.net/kongqis/article/details/47843831

版权

web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、HTML概述。

1，什么是HTML：

    Hyper Text Markup language :超文本标记语言。
    标记语言：它是由一个个标记组成的。主要作用是描述数据。在HTML中，它描述的是内容显示格式和样式。

2，特点及书写规范：

对于没有主体内容的标签可以自闭和。

HTML不能参与程序逻辑。

3，主要组成部分：

<html>          HTML声明
    <head>      HTML的头部分
    </head>
    <body>      HTML的身体部分
    </body>
</html>

二、具体常用标签的介绍。

1，排版标签：

p   ：段落标签，可以嵌套使用。
hr  ：水平线标签
   属性有：
    width：宽度，主要单位是像素px(还可以有cm,in)
    size： 水平线高度。
    color：水平线的颜色。
    noshade：不使用阴影效果。（内置属性：该属性既是属性又是值，写上后就表明按照该属性的释义来显示（
pre ：预格式化标签，会把文本内容预格式化。
br  ：换行标签
div ：层标签。代表一块区域，自动换行（填充父类）
span    ：块标签。代表一块区域，不自动换行（包裹内容）
center  ：居中显示主体内容，居中是相对与外层来说的。相对的。

2，字体标签：

font    ：字体标签
   属性有：
    color：字体颜色。取值：可以是英文单词，#加上6个16进制的数，rgb（三个0-255之间的自然数）    
    size ：调整字体大小，取值范围是1-7之间。
    face ：字体的类型
h1-h6   ：字号标签
b   ：加粗标签
strong  ：加粗标签

3，图像标签：

img：图像标签
   属性有：
    src：    图像所在的位置
       路径的写法：
        磁盘路径：
            绝对路径：
               file:///D:/itheima/75/1.jpg
               包含一个隐藏的协议：file协议。可以不写。
            相对路径：
               同级：直接写资源名称
               上级：使用../回到上级目录，目录可以是多级
               下级：目录名称/资源名，目录可以是多级
        网络路径：
            绝对路径：
               http://www.hkddy8.com/images/login.jpg
            相对路径：
               是相对与web应用的

    width： 图像的宽度
    height：图像的高度
    alt：   图像的说明信息
    title： 图像的标题信息
    border：图像的边框

4，清单标签：

ol：有序清单标签 order list
   属性有：
    type：序号的类型 （支持数字，英文，和罗马文）
    start：开始序号 （从哪里开始）
ul：无序清单标签 unorder list
   属性有：
    type：清单项的类型
       desc：实心圆，默认值
       circle：空心圆
       square：方块
li：清单项标签 list item
dl：自定义清单 define list
dt：自定义清单标题 define title
dd：自定义数据 define data

5，超链接标签：

a：表示的就是超链接
   属性有：
    href：链接的地址
        mailto的用法：href=“mailto:邮箱地址”
    name：给超链接定义一个锚点
        引用锚点：使用的是href属性，#加上锚点的名称。

6，表格标签：

table：表示一个表格
   属性有：
    border：边框
    width： 宽度
    height：高度
    align： 显示水平的相对位置 左：left 居中：center 右：right 
    bgcolor：表格的背景色
    cellspacing：单元格之间的间距
    cellpadding：单元格和内容之间的间距
tr：表示表格的一行
   属性有：
    align：显示水平的相对位置
    gbcolor：一行的背景色
td：表示的是一行中的单元格
    align：显示水平的相对位置
    gbcolor：单元格的背景
    colspan：跨列显示
    rowspan：跨行显示
注意：属性的显示效果原则是就近原则。
th：表示单元格的标题 （默认加粗和居中，td中能用的属性，th中都可以用）

7，框架标签：

frameset：表示一个框架集合
   属性有：
    rows：上下排列。取值可以是像素，百分比。分成多少个部分用，分割。例如：rows=“25%,50%,25%”。如果占用屏幕剩余的所有用*号。
    cols：左右排列。取值和rows一样。
    注意：
       框架集合支持嵌套。
       body和framset只能选择一个。
frame：框架中的每一个元素
   属性有：
    src：嵌入框架内容的地址。
    scrolling：是否使用滚动条。yes no auto
    noresize：不可以重置框架中元素的大小。

8，多媒体标签：

embed：显示一个视频播放器。
   属性有：
    src：资源的地址
    width：播放器的宽度
    height：播放器的高度
    autostart：是否自动播放 true false

bgsound：背景音乐标签：<bgsound src="zxmzf.mp3" loop="-1" />

9，表单标签：

form：表示一个表单。
   属性有：
    action：请求的地址
    method：请求的方式。不止两种（我们只需要掌握两种）
        GET：表单中的内容都会显示到地址栏中。不安全，数据长度有限制。
        POST：表单中的内容不会显示在地址栏中。相对get更安全，并且数据长度也没有限制。
    enctype：表单正文的编码类型（有默认值，当改变时是用于文件上传。）
input：表单的输入域标签。
   属性有：
    type：输入域的类型（有默认值，默认值是文本框）
       取值：
        text（文本框），password（密码框）
        radio（单选框），checkbox（复选框）
        submit（提交），reset（重置）
        image（图片），button（普通按钮）
        file（选择文件），hidden（隐藏域）
        注意：
           radio中只有name属性相同时，才表示一组内容。
           checkbox中也是name属性相同时，才表示一组内容。
           radio和checkbox的默认选中checked。
    value：设置或者显示表单输入域的内容。
    name： 表单输入域的名称。只有表单输入域包含name属性的时候，才会被提交。
    select：下拉列表标签。
       属性有：
        name：下拉列表的名称（注意：提交时，提交的是列表项）
    option：下拉列表选项。
       属性有：
        value：提交的下拉列表项的值。
       注意：下拉列表项的默认选中是selected。
    textarea：文本域标签。
       属性有：
        rows：显示的字符行数。
        cols：显示的字符列数。

以下内容，了解即可：
fieldset：语义化标签。
lenged：语义化说明标签。

10，头标签和特殊字符：

头标签：
头标签都放在头部分之间。包括：title base meta link
：指定浏览器的标题。
：为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。
：可提供有关页面的基本信息
：定义文档与外部资源的关系。

空气说

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB基础之：HTML

一、HTML概述。1，什么是HTML： Hyper Text Markup language :超文本标记语言。标记语言：它是由一个个标记组成的。主要作用是描述数据。在HTML中，它描述的是内容显示格式和样式。2，特点及书写规范：对于没有主体内容的标签可以自闭和。HTML不能参与程序逻辑。3，主要组成部分：<html> HTML声明 <head> H
复制链接

扫一扫