首页 > 程序开发 > web前端 > HTML/CSS >

html的基本标签

2017-08-15

html的基本标签。1 html是什么?

一.html简介:

1.html是什么

1)html是用来描述网页的一种语言
2)html指的是超文本标记语言
3)不是一种编程语言,而是一种标记语言
4)标记语言是一套标记标签
5)html使用标记标签来描述网页

语言:人和计算机交流的工具
超文本:(1)普通文本不能实现的,超文本可以实现
        (2)包括超链接的汶斌
标记:就是标签,不同的标签能实现不同的功能

2.html能做什么
    html通过标签的形式将信息展示给用户
3.html书写规范
    需求:写一段文字
--------------------------
啦啦啦啦啦啦啦,

(1)html结构


包括资讯信息:整个页面的属性,指导浏览器解析的标签,引入外部文件的标签


我们需要展示的信息


(2)html标签是一尖括号包裹关键字出现的,有开始和结束标签,支持正确的嵌套
(3)大部分的标签有属性 格式:属性=”属性值” 多个属性之间用空格隔开
(4)空标签,功能比较单一
==

(5)html不区分大小写,建议使用小写

二。html基本标签

1.文件标签(结构标签)
2.排版标签
3.块标签
4.文字标签
5.清单标签
6.图形标签
7.链接标签
8.表格标签

1.文件标签(结构标签)
< html>:根标签
< head>:
< title>:页面的标题
< body >:
< body >:内容
属性: 1).text:文本的颜色
2).bgcolor:背景颜色
3).backgtound:背景图片

       颜色:(1)单词:red green black
            (2)rgb三原色:rgb(0,0,0)  0-255
            (3) #000000   #ffffff     #325687(各种各样代码)

2.排版标签
1)注释标签:外部已有
2)换行标签:< br/ >
3)段落标签< p >文本< /p > 特点:段落之前有空行
属性:align 对齐方式:left center right
4)水平线标签 < hr/ >
属性:width:长度
size:粗度
color:颜色
align:对齐方式

      尺寸的写法:
                像素:10px(不带单位默认单位是px)
                百分比:占据副标题的百分比(会根据屏幕宽带变化而变化)

3.块标签

div:行级块标签
span:行内块标签

作用:div+css分块
    span进行友好提示

4.基本文字标签< font >
属性:
color:颜色
size:大小 (最大值:7 最小值:1 默认值:3)
face:字体类型

  标题标签:
        < h1 >到< h6 >  大小依次减小,字体默认加粗,默认占据一行

5.清单标签
无序列表:< ul >
属性:type:disc square circle
< li >:列表项

有序列表:< ol >
属性:type  数字(用数字表示有序),A,a(用abcd表示有序),I,i(罗马字符)
      start   数字,代表首项开始的位置
      < li >:列表项

作用:做菜单

6.图形标签:
< img >
src:图形的地址
width:图片的宽度
height:图片的高度
border:边框
align:对齐方式 代表图片与相邻文本的对齐方式 top middle bottom 默认:middle
alt:图片的文字说明

7.链接标签
< a >

属性:href 跳转页面的地址
注意:跳转互联网资源 前面要加协议http://
name 名称,名字 锚点
锚点访问:href标签;书写格式:”#name”
target _selt(默认) _blank
作用:
(1)页面跳转

8.表格标签
< table >
属性:border:表格边框
width:宽度
align:对齐方式
< tr >代表行
< td >代表单元格 用< th >代替< td >文字加粗
属性:colspan 列合并 -
rowspan 行合并 |
(加属性的那个单元格往列或者往行合并,被合
并的单元格算做现在这个单元格所属,若2-1和
3-1合并,就在2-1对应的td里面夹rowspan=”2”,
等于多少合并几个,合并后第三行第一个单元格
是原来的3-2)
< caption >加标题
< bgcolor >背景颜色

作用:(1)简单的实现一个表格
      (2)进行布局
相关文章
最新文章
热点推荐