【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接

(一)

1.HTML: 网站(站点) - 网页

HTML作为文件后缀名,可以把文件变为网页

HTML是一门编程语言的名字:超文本标记语言
超越了文字的范畴,除了文字还可以有图片、视频、音频、动画特效等其它内容,由标记<>组成的一门计算机编程语言

HTML语言的作用:做网页

2.基本格式:

<html>
<head></head>
<body>

</body>
</html>

3.标签

文字标记
+ 加粗、倾斜、下划线 <b> <i> <u>
+ 颜色、大小、字体样式 <font color="" size="" face="" ></font>

-图片标记
<img src="相对路径" width="200" height="10" title="" />

可以设置宽度、高度,两个数值会自动匹配,设置一个即可;可以设置百分比或像素px

(二)标签

空格标记:&nbsp;
换行标记:<br />
段落标记:<p></p>

表格:
<table>
    <tr>
        <td></td>
    </tr>
</table>

border - 边框粗细
width - 宽度 px %
height - 高度
align - 水平排列格式
valign - 垂直排练格式
bgcolor - 背景颜色
background - 背景图片

cellspacing - 单元格之间的间距          外间距
cellpadding - 内容与单元格之间的间距 内间距

超链接: <a href="连接" target="_blank"> 文字/图片 </a>

target -- 打开新的网页标签

(三)

去掉内容与网页的边距,写在head里

<style type="css/text">

  *{

    padding:0px;

    margin:0px;

   }

</style>

时间: 2024-12-12 06:26:04

【2017-3-22】HTML基础 文字标记、图片标记、空格、换行、表格、超链接的相关文章

2017/05/22 java 基础 随笔

多态:一种事物多种形态 前提:1.子父类继承关系 2.方法复写.重写 3.父类引用指向子类对象 package com.huawei; public class Demo1 { public static void main(String[] args) { Fu f=new Zi(); System.out.println(f.num); } } class Fu{ int num=10; } class Zi extends Fu{ int num=20; }执行结果是10,原因见下图,说白

Java在已存在的pdf文件中生成文字和图片--基础

自我总结,有什么不足之处请告知,感激不尽!下一次总结pdf模板映射生成报表(应对多变的pdf报表需求,数据提供和报表生成解耦). 目的:在给定的pdf模板上生成报表,就需要知道最基本的操作:文字添加,图片添加. 原因:pdf生成中,最常见的操作就是生成文字,生成图片,所以本次和大家一块来学习一下文字和图片的生成. 准备工作: 1. 引入jar: 在pom.xml中引入itextpdf包语句,在链接随便选一个版本(我的是5.20):http://www.mvnrepository.com/arti

02 HTML 列表 块行元素 滚动字幕 文本图片锚点超链接 相对绝对URL 图片标记

定义列表 <div>和<span> 块元素和行内元素 网页颜色表示 滚动字幕标记 计算机进制 计算机编码介绍 超级链接 超级链接的标记<a></a>,双边标记,是行内元素 URL介绍 绝对URL和相对URL地址 相对URL地址:一般是用于链接本网站中的各个文件的路径. 其它常用的链接 锚点链接:实现在一个网页的不同部分进行跳转 图片标记 定义列表 定义列表的格式: <dl>        <dt>定义标题</dt>    

html基础:定义 图片 表格

html是超文本标记语言,主要的用处是做网页,可以在网页上显示文字,图片,视频,语音. html只能做静态网页,不能做动态网页.网页大致分为静态网页和动态网页,动态网页是可以通过客户端和用户交互的网站,能提交信息和请求,能处理信息和请求.静态网页就只是单纯的展示信息 html的运行方式有2种:本地运行: 本地直接打开,浏览器打开.2.远程访问:通过HTTP协议访问. HTM和html有什么区别:如果一个网站有index.htm和index.html 默认情况下 优先访问html.htm后缀是为了

数学奥林匹克问题解答:目标2017高中数学联赛基础班-2作业题解答-2

课程链接:目标2017高中数学联赛基础班-2(赵胤授课) 1.已知 $f(x) = x^5 + ax^3 + bx + c\sqrt[3]{x} + 8$ (其中 $a, b, c\in\mathbf{R}$), 且 $f(-2) = 10$. 求 $f(2)$ 的值. 解答: 令 $g(x) = f(x) - 8$, 易证$g(x)$是奇函数. 因此有 $$g(-2) = f(-2) - 8 = 2\Rightarrow g(2) = -g(-2) = -2 \Rightarrow f(2)

03 XHTML DTD 表格标记 图片热点 多媒体标记

复习: XHTML DTD文档类型定义 <meta> 表格标记 <table>的常用属性 <tr> 行的常用属性 <td>或<th>列的属性 综合案例:月福首页 图片热点(图像地图) 多媒体标记(插入Flash的标记) 多媒体标记<object> <object>的主要属性 复习: 超级链接.锚点 <a>标记属性: Href:链接目标文件的URL,绝对URL和相对的URL 绝对URL:远程的绝对URL地址,一般

腾讯课堂目标2017高中数学联赛基础班-2作业题解答-8

课程链接:目标2017高中数学联赛基础班-2(赵胤授课) 1. 当 $x$ 为何值时, $x+5$, $x + 2$, $x - 1$, $x - 4$ 的积不大于 $-80$? 解答: $$(x + 5)(x + 2)(x - 1)(x - 4) \le-80 \Rightarrow (x^2 + x - 20)(x^2 + x - 2) + 80 \le 0$$ $$\Rightarrow (x^2 + x)^2 - 22(x^2 + x) + 120 \le 0 \Rightarrow (

ASP.NET(C#)图片加文字、图片水印,神啊,看看吧

ASP.NET(C#)图片加文字.图片水印 一.图片上加文字: //using System.Drawing; //using System.IO; //using System.Drawing.Imaging; private void AddTextToImg(string fileName,string text) { if(!File.Exists(MapPath(fileName))) { throw new FileNotFoundException("The file don't

2017.12.22 2周5次课

2017.12.22 二周第五次课 2.23/2.24/2.25 find命令 2.26 文件名后缀 2.23/2.24/2.25 find命令 1.学会使用快捷键 1)ctrl+C:结束(终止)当前命令.如果你输人了一大串字符,但不想运行,可以按ctrl+C组合键,此时光标将跳入下一行,而在刚刚的光标处会留下一个^C的标记. 2)Tab:实现自动补全功能.这个键比较重要,使用频率也很高.当你输人命令.文件或目录的前几个字符时,它会自动帮你补全. 3)ctrl+D:退出当前终端.同样,你也可以输