HTML用来做网页,文件拓展名改为html可以形成网页

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

HTML的格式:

注释:<!--注释内容-->  ctrl+k+c 快捷键

<HTML> 开始标记

<title>标题名称</title>  浏览器最上面那个标签

<head>

网页渲染,特效

</head>

<body>

网页展示内容

</body>

</HTML>结束标记

文本设计:

文字加粗:<b>文字</b>

文字倾斜:<i>文字</i>

文字下划线:<u>文字</u>

对字体进行修改:

<font face=“字体” color=“颜色” size=“大小”>要添加的文字</font>

color可以是颜色的英文字母,也可已在http://tool.oschina.net/commons?type=3里面找色号

字体可以直接打上字体的名字  就像黑体,微软雅黑之类的直接打上

空格:&nbsp;                 ( 一个&nbsp;代表一个空格)

换行:<br/>

段落:<p>段落内容</p>         (堕落默认上下各空一行,空行高度为最小字号,两个段部之间也是空一行,段落完成后自动空一行,并且换行)

加粗:<strong></strong>        (强调换行,其实就是换行)

插入图片:

放置图片<img src="图片路径">   --图片最好和HTML文件放在一个同一个文件夹,方便操作   ../  向上一层

设置图片宽度:width="数字"       --如果写为100%,就是在页面横向平铺

设置图片高度:height="数字"      --如果写为100%,就是在页面纵向平铺

设置图片标题:title="哈哈哈"       --对图片进行注释,鼠标放到图片上,会有文字提示

插入表格:

<table>  --表格

<tr>  -- 行

<td>/<td>  --列

</tr>  --每个<tr></tr>算一行,里面可以有很多列。

</table>

表格中的属性:

border=""                      表格边线

width=""                        宽度

height=""                       高度

cellspacing=""                 单元格与单元格之间的距离

cellpadding=""                内容到边框的距离

bgcoler=""                      背景颜色

background="图片路径"     背景图片

align=""                          水平对齐方式         center,left

valign=""                        垂直对齐方式       center,left

属性要写在对应的<>内(不是</>)写在table里就是修改整个表的属性,tr就是此行,td就是此行此列(针对哪个单元格)

在</tittle>和</head>之间输入:

<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
</style>

修改表格与页面之间的间距

超链接

<a href="http://www.baidu.com" target="_black">图片/文字</a>

这里写链接的地址        这是代表在新的页面打开

转载于:https://www.cnblogs.com/big-lll/p/6600372.html

.NET回归 HTML----超文本标记语言(暂时无图)相关推荐

  1. 超文本标记语言HTML

    介绍html文档的基本结构,html常用标签的使用,理解html语言制作网页基本原理. html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母 ...

  2. python---Web前端HTML(超文本标记语言)

    文章目录 Web前端开发介绍 Web概述 Web起源 Web的特点 Web工作原理 URL介绍 HTML网页结构 HTML基本结构 HTML文档规范与注释 HTML标签 文本标签 列表标签 图片标签i ...

  3. python进阶之web前端(01—HTML超文本标记语言)

    目录 01.Web前端开发介绍 1.Web前端开发概述 2.Web起源 3.Web特点 4.Web工作原理 5.URL介绍 02.HTML网页结构 1.HTML基本结构 2.HTML文档类型 3.HT ...

  4. 040_初识 web 前端 HTML 超文本标记语言

    文章目录 1. web前端开发技术 2. HTML 页面结构 3. HTML 标签 3.1 文本标签 3.2 换行标签 3.3 列表标签 3.3 div 和 span 标签 3.4 图片标签 3.5 ...

  5. Web前端之HTML超文本标记语言

    文章目录 一.Web前端开发介绍 1.Web前端开发概述 1)什么是Web开发? 2)Web前端开发核心技术 (1)HTML语言(超文本标记语言,相当于一个整体的框架) (2)CSS(层叠样式表,用来 ...

  6. html文件是一种使用超文本标记语言,超文本标记语言HTML HTML(Hyper Text Markup Language,.ppt...

    超文本标记语言HTML HTML(Hyper Text Markup Language, 5)链接到多媒体对象 如果将标记的href属性的值指定为其它文件,那么就可以连接到指定的其它类型的文件.例如使 ...

  7. c 超文本标记语言,网页制作的超文本标记语言称为() - 问答库

    问题: [单选] 网页制作的超文本标记语言称为() A . HTML语言 B . VB语言 C . BASIC语言 D . C#语言 如何创建报表? 孔孟 Your companys security ...

  8. 1、HTML超文本标记语言

    文章目录 HTML标记语言 简介 文字分隔标记 排版标记 字体标记与分割线标记 背景标记 图像信息 列表标记 特殊字符 超链接 表格 表单 多媒体 块标签和行标签 HTML标记语言 HyperText ...

  9. HTML超文本标记语言入门基础知识

    文章目录 基本概念 HTML 标签 注释 转义符号 HTML文档基本结构 HTML中常用标签 标签分类 常用的布局组合标签 一. 文本标签 二. 图片标签 三. 列表标签 四. 定义描述标签及布局标签 ...

最新文章

  1. 传说中的裸奔节--认识及体验CSS
  2. DiscuX END - 553 Envolope sender mismatch with header from..
  3. 初一模拟赛总结(2019.5.25)
  4. 02.改善深层神经网络:超参数调试、正则化以及优化 W3. 超参数调试、Batch Norm和程序框架
  5. facebook对话链接_如何应用防错原则,看看 Facebook 和 Gmail 是怎么做的
  6. P2016 战略游戏[树形dp]
  7. WPS加载项深入开发代码ribbon解析
  8. install par
  9. fiddler界面工具栏介绍
  10. Zynga将Cocos2D-X移植到Emscripten
  11. 黑马程序员——Java基础--IO(一)
  12. css动画结束闪烁,每个无限CSS3动画结束时的毛刺/闪烁/眨眼
  13. ABB机器人线速度_ABB机器人设置程序开机自启动
  14. Python中通过索引名称提取数据loc()函数Python中通过行和列下标提取数据iloc()函数
  15. select 向上弹起
  16. android dashboard 开源,android dashboard布局
  17. 欧格教育:怎么提升店铺流量
  18. 计算机网络课程设计小程序,网络课程设计(简单聊天系统的设计与实现).doc
  19. 惠普83752B高功率合成扫频器,20 GHz
  20. 数据可视化大屏(柱状图、条形图、情感分析饼图、地域图、词云图、数据表格图、涟漪散点图)

热门文章

  1. 高人,不断地在营销, 有收入就是高人
  2. 为什么有些人会财路不顺?
  3. 那些还在传程序猿35岁职业危机
  4. 你觉得Mate30 5G可以用到四年吗?
  5. In the beginning, many people on Wall Street did
  6. 以太坊源码(03):POA委员会选举机制
  7. 计算机组成原理————P1 软硬件发展
  8. python入门——P44魔法方法:简单定制
  9. 【阅读笔记】:End-to-end Structure-Aware Convolutional Networks for Knowledge Base Completion
  10. Python——文件操作3——文件修改