html的基本标签

来源：互联网发布：linux做网站需要环境编辑：程序博客网时间：2024/05/22 06:32

一.html简介：

1.html是什么

1）html是用来描述网页的一种语言2）html指的是超文本标记语言3）不是一种编程语言，而是一种标记语言4）标记语言是一套标记标签5）html使用标记标签来描述网页语言：人和计算机交流的工具超文本：（1）普通文本不能实现的，超文本可以实现        （2）包括超链接的汶斌标记：就是标签，不同的标签能实现不同的功能2.html能做什么    html通过标签的形式将信息展示给用户3.html书写规范    需求：写一段文字--------------------------<html>    <head></head>    <body>        啦啦啦<font color="red" size="5">啦啦啦</font>啦,        <br/>啦    </body>

(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）进行布局

阅读全文

0 0