分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

html

发布时间:2023-09-06 01:31责任编辑:熊小新关键词:暂无标签

 

一、HTML

1.全局架构标签

<!doctype html>=>声明页面是一个HTML页面,无需电脑自己判断

<html>=>给HTML的内容划定一个范围,所有的HTML内容都必须写在HTML标签中

<head>=>HTML的头部分,也叫灵魂部分

<title>标题</title>=>页面的标题

<meta charset="UTF-8">=>字符集编码格式

</head>

<body>=>HTML的身体部分,也叫实体内容部分

</body>

</html>

2.body标签

Bgcolor  页面的背景颜色属性

1.英文单词:red,green, yellow,orange,cyan

2.RGB模式:RGB(红色值,绿色值,蓝色值)

所有颜色的取值范围是0-255

3.HEX模式:#红色值绿色值蓝色值

所有颜色的取值范围为00-ff比如说红色是:#FF0000

Background 设置页面的背景图片属性

Background=”图片的地址”

二、文本标签

1.h系列标签 标题标签

h1,h2,h3,h4,h5,h6   内容标题标签

特征:

A 每个h标签独占一行

B 每个h标签都是粗体字

C 从h1-h6字体逐渐变小

总结:

A h1标签一个页面只能用一个,表示当前页面的主要内容。

B h2标签用于标识和当前页面内容并列的信息,或者是次重点,不限个数。

C h3标签用于标识页面中的其他标题内容,不限个数。 

D h4-h6基本不用,即使需要用到小字体的标题,也是h3标签,利用css代码改变字体大小。

2.样式系列

B   粗体标签

I    斜体标签

U  下划线标签

3.自定义样式标签

Font  字体标签或者自定义样式标签

  Color   标识字体颜色

  Face    标识字体的类型,必须使用电脑中存在的字体

  Size     标识字体的大小   属性值:1-7的数字,字体逐渐增大 

 

示例代码:

<!--自定义样式标签,也有人叫做字体标签,color是字体颜色,face是字体类型,size是字体大小:1-7逐渐增大。-->

<font color="red" face="宋体" size="5">好好学习,天天向上。</font>

<font color="red" face="宋体" size="7">男金庸,女琼瑶,不男不女看三毛</font>
<br />
<font color="red" face="黑体" size="8">男金庸,女琼瑶,不男不女看三毛</font>

4.格式标签

P   段落标签,就是用来标识段落使用,而且具有表达页面内容的意义

特征:每个P标签独占一行,段落的开头没有缩进,他是一个块状标签,可以给宽高,可以给边框。

br  强制换行标签

Hr  水平线标签

Center  设置内容水平居中,<!--居中标签,一般嵌套在所有标签的外部-->

Div    没有意义的标签,在页面中用来当做块使用,并且部分标签自带了块标签的属性

Span   没有意义的标签,在页面中用来选中或者标注文本内容的部分

 

5.列表标签

ul 无序列表  unorder list

Li 标签  必须和其他列表标签配合使用,li标签存放列表的具体内容

Ol  有序列表   order list

配合li使用

Type  设置标识类型,数字或者字母(可以设置其他标识,但是浏览器不支持)

Start  设置开始的标识位置

示例代码:

<!doctype html><html><head><meta charset="UTF-8"><title>格式标签</title></head><body><!--居中标签,一般嵌套在所有标签的外部--><center><p>居中标签,一般嵌套在所有标签的外部</p></center><hr /><p>p标签的内容不会自动居中</p><!--无序列表--><ul><li>aaa</li><li>bbb</li><li>ccc</li><li>ddd</li><li>eee</li><li>fff</li></ul><!--有序列表--><!-- Type ?设置标识类型,数字或者字母(可以设置其他标识,但是浏览器不支持)Start ?设置开始的标识位置 --><!-- 数字 --><ol type ="1" start="5"><li>亚洲无码</li><li>欧美高清</li><li>自拍视频</li><li>国产动漫</li></ol><!-- 大写字母 --><ol type ="A" start="2"><li>亚洲无码</li><li>欧美高清</li><li>自拍视频</li><li>国产动漫</li></ol></body></html>

  

效果:

6.img 图像标签

<img>

  Src  用于引入其他文件的地址

  Width   设定图像的宽度

  Height 设定图像的高度

  如果单独设定宽度或者高度,则另一边等比例缩放。如果同时设定宽度和高度则图像强制拉伸。

  Border  设定图片的边框  属性值为数字整数

  一般情况下是用于取消图片边框的

  Alt  图像描述标签   IE专用

  Title  图像描述标签   其他浏览器使用

7.a   超链接标签

<a></a>

  Href  设置超链接的目标地址

 

 

 

 

 

 

 

 

 

 

 

html

原文地址:http://www.cnblogs.com/c-x-m/p/8078626.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved