博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Html基础篇
阅读量:5045 次
发布时间:2019-06-12

本文共 1512 字,大约阅读时间需要 5 分钟。

 概要

        

html:全称Hyper TextMarkup Language:网页超文本标记语言;描述性标记语言,通过浏览器的解释和编译显示

所标记的内容可以使用记事本或者Dreamweaver编写。

 基本结构

 基本标记

html中所有的标记的格式:<标记符>内容</标记符>

Head 元素:包括标题(title 基础信息 元信息(meta);作用整篇文档,但不会在网页上直接显示。

title元素:说明页面用途,显示在浏览器的标题栏中。

如:<title>牛腩新闻</title>

meta元素:定义页面说明信息;与其他标记不同,无需设置结束标记,有name http-equiv两个属性。

如:<meta name="author" content="niunan">

<meta http-equiv="属性" content="属性值">

body元素:包括在浏览器中要显示的所有信息。如:背景色的设置 文字的大小 颜色 等。

常用属性设置

bgcolor:背景颜色

background:背景图片

如:<body>background="图片地址"</body>

text:文字颜色

link:链接文字颜色

alink:正在访问文字颜色

vlink:访问过后的文字颜色

margin:页面与浏览器边框之间的距离;一般设置为0这样不会产生很多空白。

注释标记

<!--注释内容-->

文本标记

标题

一共有<h1><h6>六个级别来标识;依次减小,h6最低。

对齐

alignleft

左对齐

alignright

右对齐

aligncenter

居中对齐

Font 标记

控制字体 字号 颜色等。

属性

face属性用于设置字体

如:<font> face="楷体"</font>

size属性用于设置字体大小

如:<font>size="9"</font>

color属性用于设置字体颜色

如:<font> color="属性值"</font>

bstrong标记

用来加粗字体

如:<b>要加粗的字体</b>

iemcite 斜体标记

都是用来将字体改变为斜体的标记

如:<i>要变为斜体的字体</i>

Sup 上标标记 sub下标标记

就是像在一些数学公式中的几次方的上标标记

如:<sup>上标内容</sup>

p段落标记

用来起始一个新的段落

br换行标记 nobr不换行标记

hr插入水平线标记

图像

插入图片的标记img

常用属性值:

属性

描述

Src

图像的源文件地址;如:<img>src="图像的文件地址"</img>

Alt

提示文字;如:<img>alt="图像提示文字"</img>

widthheight

高度和宽度;

Border

边框

Vspace

垂直间距;

Hspace

水平间距;

Align

排列对齐;属性值有bottom底部对齐;topmiddleleftcenterright

Dynsrc

设定avi文件的播放;如:<img></img>

Loop

设定avi文件循环播放次数;如:<img></img>

Loopdelay

设定avi文件循环播放延迟;如:<img></img>

Start

设定avi文件播放方式;如:<img></img>

Lowsrc

设定低分辨率图片;如:<img></img>

图片的超链接

与文字类似也是用a标签来实现的。

如:<a href ="链接地址"> img src="图像文件的地址"</a>

转载于:https://www.cnblogs.com/guziming/p/4232728.html

你可能感兴趣的文章
centos jdk 下载
查看>>
HDU 1028 Ignatius and the Princess III(母函数)
查看>>
(转)面向对象最核心的机制——动态绑定(多态)
查看>>
token简单的使用流程。
查看>>
django创建项目流程
查看>>
UIActionSheet 修改字体颜色
查看>>
Vue 框架-01- 入门篇 图文教程
查看>>
Spring注解之@Lazy注解,源码分析和总结
查看>>
多变量微积分笔记24——空间线积分
查看>>
Magento CE使用Redis的配置过程
查看>>
poi操作oracle数据库导出excel文件
查看>>
(转)Intent的基本使用方法总结
查看>>
Mac 下的Chrome 按什么快捷键调出页面调试工具
查看>>
Windows Phone开发(24):启动器与选择器之发送短信
查看>>
JS截取字符串常用方法
查看>>
Google非官方的Text To Speech和Speech Recognition的API
查看>>
stdext - A C++ STL Extensions Libary
查看>>
Django 内建 中间件组件
查看>>
bootstrap-Table服务端分页,获取到的数据怎么再页面的表格里显示
查看>>
进程间通信系列 之 socket套接字及其实例
查看>>