html的定义:

html超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片,链接,甚至音乐,程序等非文字语言。

超文本标记语言的结构包括“头”部分(head),和“主体”部分(body),期中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

超文本标记语言是标准通用语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

html的基本结构:

 <html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

从上面可以看的,第一个<html>是告诉浏览器这是html文档的开始,然后最后一个</html>是告诉浏览器这是html的终止。标签<head>  之间的文本是头部信息,<title>

之间的文本是文档标题,会显示在浏览器窗口的标题栏。<meta charset="utf-8">是设置网页编码的语句,让浏览器读取到本编码属于utf-8。<body>之间的是文本的正文。

html的标签元素:

 <html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul type="disc">
<li>这是无需列表</li>
<li>这是无序列表</li>
<li>这是无序列表</li>
</ul>
<ol type="a" start="1">
<li>这是有序列表</li>
<li>这是有序列表</li>
<li>这是有序列表</li>
</ol>
<dl>
<dt>标题一</dt>
<dd>123</dd>
<dd>321</dd>
<dt>标题二</dt>
<dd>344</dd>
<dd>455</dd>
<dt>标题三</dt>
<dd>676</dd>
<dd>665</dd>
</dl>
<p>好好学习天天向上!</p><p>好好学习天天向上!</p><p>好好学习天天向上</p>
好好学习天天向上!<br />好好学习天天向上!<br />好好学习天天向上!<br/> </body> </html>

<ul>在html中表示的是无序列表,其中属性type有属性值:disc(列表前的符号:实心圆点)circle(列表前的符号:符号为空心圆)square(列表前的符号:符号为方形)。

<ol>在html中表示的是有序列表,其中属性type有属性值:1,a,A,i,l(用来设置项目前面的标记),属性start属性值是:数值(排序的起点数值)。

<dl>在html中表示的是定义列表。

<br />是换行符。

<p>标签是用来定义一个段落,也可以用来换行。

超链接 :

 1 <html>              
<head>
<meta charset="utf-8" />
<title>超链接</title>
</head>
<body>
<a href="http://www.baidu,com" target="_blank">百度一下</a>
<a href="http://www.jd.com" target="_self">到京东</a>
<a href="#target">点我跳到指定的位置</a>
<p>学习编程没有捷径</p>
<p>学习编程没有捷径</p>
<p>学习编程没有捷径</p>
<p>学习编程没有捷径</p>
<hr width="500" color="red" size="5" align="center">
<a name="target">跳到这里来!</a>
<p>学习编程没有捷径</p>
<p>学习编程没有捷径</p>
<p>学习编程没有捷径</p>
</body>
</html>

定义超链接<a href="URL"></a>

a标签用来定义一条超链接,其中要有的是href属性,href的作用是指明超链接要链接到的网址。除了href属性,还有title属性表示连接的提示信息。target属性表示链接的打开方式,即当点击了链接,选择是在另一个页面打开还是在本页面打开。其属性值包括_blank(新的空白页),_self(当前页),_top(当前页)

<a href="#target" _blank>百度一下</a> href 的值可以是外部链接,也可以是内部文件,如***.html

锚点:有时候我们在浏览网页会发现,有些网页比较人性化,会有点击返回的按钮。这样的效果其实用锚点标签就能做到。锚点就是点击使用户跳到文档的某个部分。上面的:

<a href="#target">带你我跳到指定位置</a>

<a name="target" >调到这</a>

align.可以对段落进行设置。属性align的值包括left(左对齐),center(居中),right(右对齐)。

img标签:

 1 <html>
2 <head>
3 <meta charset="utf-8" />
4 <title>坂井泉水真美!</title>
5 </head>
6 <body>
7 <img src="bjqs.jpg" width="500" height="500" title="女神啊!" alt="图片损坏" />
8 </body>
9 </html>

属性:src,属性值:url,说明:图像资源的地址

属性:width,属性值:像素(px),说明:图像宽度

属性:height,属性值:像素(px),说明:图像高度

属性:alt,属性值:替代文字,说明:图像的替代文字

标题:

 <html>
<head>
<meta charset="utf-8" />
<title>标题</title>
</head>
<body>
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
</body>
</html>

文本格式化,一些常用于设置文本字体的元素:

<b>定义粗文本</b><br />

<i>定义斜文本</i><br />

<del>定义删除文本</del><br />

<sup>定义上标字</sup><br />

<sub>定义下标字</sub><br />

实体字符:

&gt;    大于号(>)

&lt;     小于号(<)

&quot;   引号(")

&reg;      注册商标

&copy;    版权

&amp;     &copy;

html基础用法(上)的更多相关文章

  1. Bootstrap fileinput:文件上传插件的基础用法

    官网地址:http://plugins.krajee.com/ 官网提供的样例:http://plugins.krajee.com/file-input/demo 基础用法一 导入核心CSS及JS文件 ...

  2. PropertyGrid控件由浅入深(二):基础用法

    目录 PropertyGrid控件由浅入深(一):文章大纲 PropertyGrid控件由浅入深(二):基础用法 控件的外观构成 控件的外观构成如下图所示: PropertyGrid控件包含以下几个要 ...

  3. 从零开始学Python第一周:Python基础(上)

    Python语法基础(上) 一,Python的变量 (1)创建变量 变量的含义:存储信息的地方 创建变量并赋值 x = 1 print x x = 123 #再次赋值 print x (2)使用变量 ...

  4. Vue组件基础用法

    前面的话 组件(Component)是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.根据项目需求,抽象出一些组件,每个组件里包含了展现.功能和样式.每个页面,根据自己所需, ...

  5. 前端自动化测试神器-Katalon的基础用法

    前言 最近由于在工作中需要通过Web端的功能进行一次大批量的操作,数据量大概在5000左右,如果手动处理, 完成一条数据的操作用时在20秒左右的话,大概需要4-5个人/天的工作量(假设一天8小时的工作 ...

  6. asyncio 基础用法

    asyncio 基础用法 python也是在python 3.4中引入了协程的概念.也通过这次整理更加深刻理解这个模块的使用 asyncio 是干什么的? asyncio是Python 3.4版本引入 ...

  7. Docker 安装和基础用法

    理解Docker(1):Docker 安装和基础用法 本系列文章将介绍Docker的有关知识: (1)Docker 安装及基本用法 (2)Docker 镜像 (3)Docker 容器的隔离性 - 使用 ...

  8. MarkDown学习——基础用法

    目录 MarkDown开发版本MD2All基础用法 此处有代码<a id="top"></a>作为页内锚点 此处是用自动生成的目录 MarkDown是什么M ...

  9. Vue组件的基础用法(火柴)

    前面的话 组件(component)是Vue最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码,根据项目需求,抽象出一些组件,每个组件里包含了展现.功能和样式.每个页面,根据自己的需要,使用 ...

  10. 【转】Shell编程基础篇-上

    [转]Shell编程基础篇-上 1.1 前言 1.1.1 为什么学Shell Shell脚本语言是实现Linux/UNIX系统管理及自动化运维所必备的重要工具, Linux/UNIX系统的底层及基础应 ...

随机推荐

  1. HDU 1698——Just a Hook——————【线段树区间替换、区间求和】

    Just a Hook Time Limit:2000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submit  ...

  2. 【Openvpn】iOS OpenVPN客户端设置指南(适用iPhone/iPad)

    适用于iPhone/iPad/这些iOS设备.之前iOS使用OpenVPN是需要越狱的,并且是付费第三方应用. 去年开始OpenVPN官方推出了iOS客户端就好用多了,免费也无需越狱. 说明:如果是新 ...

  3. MySQL中设置同一张表中一个字段的值等于另一个字段的值

    今天遇到了一个需求,我在一张表中新增了一个字段,因为这张表以前已经有很多数据了,这样对于以前的数据来说,新增的这个字段的值也就是为该字段的默认值,现在需要将新增的这个字段添加上数据,数据来源为同表的另 ...

  4. 2.C#编程语言

    C#(sharp):是一种编程语言,可以开发基于.net平台的应用.   java即是一种平台,也是一名语言.   在.net平台当中,C#是主流语言.C#语言开发的应用不能脱离.net环境而独立运行 ...

  5. MyEclipse 中tomcat 调试时进入未打断点的代码

    在preferences里面取消挂起未捕获异常

  6. Introduction of Servlet Filter(了解Servlet之Filter)

    API文档中介绍了public Interface Filter(公共接口过滤器) Servlet API文档中是这样介绍的: ‘A filter is an object that performs ...

  7. Java使用UDP聊天程序

    主要想测试Java UDP通信.Java UDP使用DatagramSocket和DatagramPacket完成UDP通信 主要思路: 1.本机通信,ip地址为:127.0.0.1 2.开一个线程监 ...

  8. 2、Spring之AOP

    AOP术语 通知:定义了切面是什么以及何时使用.除了要描述页面要完成的工作,通知还解决了何时执行这个工作的问题. 连接点:连接点是一个物理的存在.这个点可以是调用方法时.抛出异常时.甚至是修改一个字段 ...

  9. vue中子组件的拆分 父组件与子组件之间的传值

    vue是组件式开发,尽量独立出子组件 prop():父组件传值给子组件 $emit():子组件传值给父组件 子组件中的设置: 使用bind <template> : default-che ...

  10. 有关table布局时tr 属性display:block显示布局错乱

    display:block display:block是可以把非块级元素强制转换为块级元素显示,如内嵌元素span,原来不支持设置宽高,宽度是由内容撑开的; display:table-row tab ...