HTML基础知识介绍
基本概念:
HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是
构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便
地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一
文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML
文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(He ad)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容
基础标签:
<html>......</html>用来定义html文档,一个最前一个最后<head>......</head>用来定义html文档开头部分,与<title></title>、<script></script>一起用。<body>......</body>文档的主题部分,可加标志有:<p>......</p> 、 <div></div>、 <br> 、 <hr> 、 <h1>......<h1>注:当网页中出现乱码时,在head标签中加入如下代码:<meta charset="utf-8" />
- HTML 标题
<h1>张三</h1><h2>李四</h2><h3>赵五</h3><h4>王六</h4><h5>孙七</h5><h6>宋八</h6><h7>周九</h7>注:<h1> 定义最大的标题。<h6> 定义最小的标题。 设置对其方式: align=“center/left/right”
- 段落标签
<p>......</p> 定义段落。 注:<p> 是块级元素<br> 插入单个折行(换行)
- 文本格式化
<b></b>粗体 <strong></strong>粗体强调<big></big>大写 <small></small>小写<em></em>强调 <i></i>斜体<sub></sub>下标 <sup></sup>上标<ins> 定义插入字 <u>下划线<del>定义删除字 <s>删除线如:<p><b>加粗</b><p> <p><i>斜体</i><p> <p><u>下划线</u><p>
- 预格式文本
<pre>...内容...</pre>
- 字体标签
<font color="blue" size="7" face=楷体">腾讯QQ</font>注: color:设置字体的颜色 size:设置字体的大小 face:设置字体
- 水平线
<hr> 如:<hr width=" " color=" " size=“ ”> width:设置水平线的宽度 size:设置水平的厚度(高度)color:设置水平线的颜色 align:设置水平线的对其方式(默认是中)
- 超链接:
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
1. 通过使用href属性 - 创建指向另一个文档的链接<a href="url">Link text</a> href 属性规定链接的目标。 开始标签和结束标签之间的文字被作为超级链接来显示。0注:target:控制目标窗口的打开方式 如:target=”blank 打开一个新的html文档,即出现新的浏览器窗口2. 通过使用name属性 - 创建文档内的书签 要结合<a href=" "></a>使用才有效。此标志对是在html文档中创建一个标签(即做一个记号),属性name是必不可少的它的值也就是标签名。如<a name="标签名“>此处创建了一个标签</a>。注:href 赋的值若是标签名时,标签名前必须加一个”#“。
- 图像标志
< img >主要用来处理图像输出,他是通过src属性来体现的
创建一个图像链接时加入:<img src=" ">如:<img src="img/1.jpg"/ width="300px" height="350px" size="2" border="1"> <br /> i7/8G/GTX1050ti 4G独...注:src:必须赋值,值可以是相对路径或网址 alt:当鼠标移动到上面是显示的文本
- 格式标志
无序列表
<ul><li >第一</li><li>第二</li><li>第三</li><li>第四</li></ul>
有序列表
<ol><li >第一</li><li>第二</li><li>第三</li><li>第四</li></ol>
自定义列表
<dl><dt>蔬菜</dt><dd>黄瓜</dd><dt>水果</dt><dd>香蕉</dd></dl>
< div >…< div >,用来排版大块的html段落,也用于格式化表,用法与
标志对相似,也同样有align对齐方式属性。
注:三种列表注意隶属关系,只能在相应的标志对中才可使用。有序、无序列表建表时需借用<p>......<p/>标志对。而自定义列表不用。这些格式标志对只能在<body>......</body>内使用。
- 表格标签
<table>......</table>创建一个表格属性:<table bgcolor=" "> 设置表格背景色 <table border=" "> 设置边框宽度 <table bordercolor=" ">设置表格边框的颜色 (border值要大于一时才有用) <table cellspacing=" ">设置表格格子之间空间的大小 <table cellpadding=" ">设置表格子边框与其内部内容之间空间的大小 <table width=" ">设置表格宽度<tr>......<tr> 创建表格中的行 属性:align :水平对齐方式 取值为:left、center、rightvalign:垂直对齐方式 取值为:top、middle、bottom<td>......<td>用来创建表格中一行中的每一个格子属性:width:格子的宽度colspan:设置一个表格的格子跨占列数,缺省时值为一rowspan:设置一个表格的格子跨占行数,缺省时值为一nowrap:禁止表格格子内的内容自动断行。如: <table><tr><td width="100px">出生年月</td><td colspan="2" width="400px"> </td><td width="100px">健康状况</td><td colspan="2" > </td></tr><tr><td width="100px">专业</td><td colspan="2" width="400px"> </td><td width="100px">学历</td><td colspan="2" > </td></tr><table>
HTML基础知识介绍相关推荐
- NLP汉语自然语言处理入门基础知识介绍
NLP汉语自然语言处理入门基础知识介绍 自然语言处理定义: 自然语言处理是一门计算机科学.人工智能以及语言学的交叉学科.虽然语言只是人工智能的一部分(人工智能还包括计算机视觉等),但它是非常独特的一部 ...
- 【 MATLAB 】逆离散余弦变换(idct)的基础知识介绍
基础知识介绍 逆离散余弦变换从离散余弦变换 (DCT) 系数中重建序列.idct 函数是 dct 函数的逆. The DCT has four standard variants. For a tra ...
- 视频编解码的理论和实践1:基础知识介绍
近几年,视频编解码技术在理论及应用方面都取得了重大的进展,越来越多的人想要了解编解码技术.因此,网易云信研发工程师为大家进行了归纳梳理,从理论及实践两个方面简单介绍视频编解码技术. 相关阅读推荐 &l ...
- OpenGL开发之旅基础知识介绍
最近由于手机项目中需要用到OpenGL ES的知识,所以这段时间正在研究OpenGL的相关知识.因为OpenGL ES是OpenGL的剪裁版本,所以我直接从OpenGL入手,然后再去看OpenGL E ...
- UICC 之 USIM 详解全系列——UICC基础知识介绍
本人就职于国际知名终端厂商,负责modem芯片研发. 在5G早期负责终端数据业务层.核心网相关的开发工作,目前牵头6G算力网络技术标准研究. UICC 之 USIM 详解全系列--UICC(TS102 ...
- view基础知识介绍(一)
view基础知识介绍 view是一种界面层的控件的一种抽象 分为view和viewGroup viewGroup继承自view 也就是说view本身可以是单个控件 也可以是一个控件组 例如:一个vie ...
- 计算机动画的基础知识是什么,计算机动画历史基础知识介绍课件
计算机动画历史基础知识介绍课件 早期无神经系统定位症状和体征.抽搐发作和其他不自主运动可见于疾病晚期,并有锥体系和锥体外系症状和体征,包括震颤.肌强直和肢体屈曲等 早期无神经系统定位症状和体征.抽搐发 ...
- 计算机应用基础知识盘,计算机应用基础知识介绍.ppt
计算机应用基础知识介绍.ppt 计 算 机 应 用 基 础;第三章 Word2003的操作与应用;启动Word窗口的常用方法有:?从[开始]菜单启动:单击[开始]|[所有程序]| Microsoft ...
- JMeter-01-性能测试基础知识介绍
JMeter-01-性能测试基础知识介绍 开篇词 性能测试常见分类 Web服务的主要指标 前端页面的主要指标 数据库的主要指标 开篇词 参加工作这些年来,性能测试做过不少,主要用的LoadRunner ...
- 蓝牙模块基础知识介绍
蓝牙模块基础知识介绍 随着近年来蓝牙技术的不断发展,在功耗不断降低的情形下,蓝牙的传输速率也不断地得到提高,使蓝牙的应用范围更加广泛.但若想设计一套完善的蓝牙系统,就必须充分掌握蓝牙的相关技术知识,如 ...
最新文章
- CI框架如何删除地址栏的 index.php
- 广东电大计算机绘图试题,电大计算机绘图期末复习试题及答案参考小抄.doc
- 删除DataTable中列重复的行
- django2中关于时间处理策略
- ubuntu右键打开终端(Open Terminal Here)失效
- html常用标签(form标签)
- 欧几里得gcd/extend_gcd
- xp计算机用户密码设置,XP电脑开机密码怎么设置?
- atcoder 2643 切比雪夫最小生成树
- 如何在JavaScript中使用apply(?),call(?)和bind(➰)方法
- 算法导论 第十三章 红黑树(python)-1插入
- 《敏捷软件开发》读书笔记 (3)--敏捷语录
- SpringMVC拦截器: 继承 HandlerInterceptor
- 桔梗载药上浮 柴胡升于左 升麻生于右
- Java源文件命名规则
- day05-回归测试和验收测试
- python小测试_Python小测试 (2)
- SpringBoot 入参校验
- 武警二路擒敌拳16式
- 可以同时合并不同尺寸不同格式视频的视频合并工具