HTML 初识 HTML【 整体结构 文字 图片 表格】

HTML 

超文本标记语言,页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

网页的本质就是超级文本标记语言,万维网是建立在超文本基础之上的。TML 通过标记符号来标记要显示的网页中的各个部分,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果

整体结构

超文本标记语言的结构包括头”部分(Head 部提供关于网页的信息)、和“主体”部分(Body 提供网页的具体内容)

<html>     --开始标签

<head>

-- 页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果

-- <title>页面标题</title>      内容显示在网页窗口的标题栏中

</head>

<body>

页面显示的内容

</body>

</html>      --结束标签

附  HTML head 元素

文字设置

<u > __ __  文字___ __ </u> 下划线(英文全称:Underline)                      -- 注释  <!--注释内容-->

< b > __ __  文字___ __ </b> 黑体字 (英文全称:Bold)

< i  > __ __  文字___ __  </i> 斜体字 (英文全称:Italics)

< font  size=""    color=""    face=" 微软雅黑"   >  __ __  文字___ __    </font>

字号           颜色          字体

-- 设置字体大小从1到7,

-- 颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值

图片标签

< img / >   单身狗一只

<img  src="图片地址" alt="文字" width="" height="" title="" />                 -- 高跟宽设置一个即可,显示图片会按比例缩放。可设置具体像素也可设置百分比

-- alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。

-- tetle  图片的标题 鼠标移到图片显示

时间: 2024-07-30 17:48:05

HTML 初识 HTML【 整体结构 文字 图片 表格】的相关文章

&lt;转载&gt;使CSS文字图片div元素居中方法之水平居中的几个方法

文字居中,文字垂直居中水平居中,图片居中,图片水平居中垂直居中,块元素垂直居中?当我们在做前端开发是时候关于css居中的问题是很常见的.情 况有很多种,不同的情况又有不同的解决方式.水平居中的方式解决的时候相对来说通过css比较容易设置,垂直居中相对比较棘手. 先来说一下水平居中的不同情况与不同解决方法吧. 1文本,图片等行内元素的水平居中方法呢比较简单.直接给父元素设置一个text-align:centent属性就可以实现元素的水平居中了. 2 确定宽度的块级元素水平居中怎么设置呢?设置方法也

iOS.TextKit.02.文字图片混合排版

1.案例如图 2.代码 TextKit02ViewController.h #import <UIKit/UIKit.h> @interface TextKit02ViewController : UIViewController @property (nonatomic,strong) IBOutlet UITextView *textView; @property (nonatomic,weak) IBOutlet UIImageView *imageView; // 文本可以排版的区域

【excel技巧读书笔记002】批注插入图片表格

               今天看到学到一个excel小技巧,批注插入图片表格,觉得挺好分享给大家.

c# post文字图片至服务器

作者:卿笃军 原文地址:http://blog.csdn.net/qingdujun/article/details/41764521 最近由于项目需要实现c#提交文字及数据至服务器,因此研究了一下c# php数据传送: 下面用一个示例来演示,c# post文字+图片 ,php端接收: post提交数据核心代码(post数据提交) using System; using System.Collections.Generic; using System.Linq; using System.Tex

button 文字图片上下/左右经常会用到,记录一下

上下:    self.button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示    [self.button setTitleEdgeInsets:UIEdgeInsetsMake(self.button.imageView.frame.size.height+10 ,-self.button.imageView.frame.size.width, 0.0,0.0)

Python PIL创建文字图片

PIL库中包含了很多模块,恰当地利用这些模块可以做许多图像处理方面的工作. 下面是我用来生成字母或字符串测试图片而写的类及测试代码. 主要用到的模块: PIL.Image,PIL.ImageDraw,PIL.ImageFont PIL.Image用来生成一个空的图片,ImageDraw用来在空图片上画图及写字符,ImageFont则是创建需要使用到的字体 #-*- coding:gb2312 -*- from PIL import Image,ImageDraw,ImageFont,ImageO

Word 文字转表格

今天工作的时候遇到一个问题,需要整理出一个工程下依赖的jar的名称和大小,并且按照大小排序,我在使用一个java程序打印出名称和大小之后,需要将这些文字整理到word文档表格中,刚开始是想一个个的拷进去,后来发现我去,这样太苦逼了,于是查阅了资料之后,发现了一个小技巧 1.     最开始是下面这样的文字 2. 然后新建一个表格,点击插入,选中表格,点击文字转表格 3. 点击后就成了下面这个样子 4. 大功告成

php生成文字图片效果

php生成文字图片效果最近看到php的GD功能,试着做了一个基本生成文字图片效果的代码: 显示文字图片页面:demo.php<?php$str = $_REQUEST['str'] ? $_REQUEST['str']:"暂无输入";//$str = "中华人民共和国";$im = imagecreate(200,200);$white = imagecolorallocate($im,0xFF,0xFF,0xFF);imagecolortransparent

iOS button 文字图片上下排布

button 文字图片上下经常会用到,记录一下 self.rechargeButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示 [self.rechargeButton setTitleEdgeInsets:UIEdgeInsetsMake(self.rechargeButton.imageView.frame.size.height+10 ,-self.recha