html简单介绍(一)

摘要:
HTML是一种用于描述网页的语言。要在页面上显示图像,需要使用source属性src=”http://t.zoukankan.com/url“图片地址或本地路径alt=”beauty“当图片未显示时,显示的字符高度宽度特殊字符空间: 大于符号:>小于符号:<引号:"&符号:&版本号:©列表无序列表是一个项目列表,用粗体点标记。
什么是html

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

常用编辑器

notepad、editplus、sublimit、webstrom

注释

<!-- 在此处写注释 -->

html基础

标题

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

html段落

<p></p>

 加粗

<b></b>
<strong></strong>

回车

<br />

字体

<font> 规定文本的字体,尺寸,颜色
<font size = "字体大小" color = "字体颜色" face = "字体类型">要设置的文字 </font>
size: 12,13
color:red, blue, green, yellow,orange
face: 黑体,宋体,微软黑体

<span>行内</span>
<span>行内</span>
行内在一行显示,段落里面可以用过多个标签
span在样式中的时候才能现实其作用

超链接

<a href = "http://t.zoukankan.com/链接地址" target = "_blank">连接标志</a>
a标签支持http协议
标签target属性规定在何处打开链接文档
target ="_self" 默认是连接到本页
_blank 浏览器总在一个新打开,未命名的窗口中载入目标文档

链接到本页面
id = "xiang"
<a href = "http://www.youmatou.com/253354.html">连接到本页的锚记点</a>
1. 首先创建一个锚链接的锚记点:<a href=“#锚记点名称”>主题名称</a>
2. 然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>(锚记点前面要加上#号)

图像

图像标签(<img>)和源属性(Src)
在 HTML 中,图像由 <img> 标签定义。
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src = "http://t.zoukankan.com/image/mv1.jpg" alt = "美女" width = "400">
src = "http://t.zoukankan.com/url" 图片地址或者本地路径
alt = "美女" 当图片不显示时,显示的字

特殊字符

空格: &nbsp;
大于号: &gt;
小于号: &lt;
引号: &quot;
&符号:&amp;
版本号: &copy;

列表

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul type="disc/circle/square">
<li>列表项1</li>
<li>列表项2</li>
</ul>

有序列表

<ol type = "1/A/a/I/i">
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>

自定义列表

<dl>
<dt>自定义列表1</dt>
<dd>111111</dd>
<dd>222222</dd>
<dd>333333</dd>
<dt>自定义列表2</dt>
<dt>自定义列表3</dt>
</dl>
<dl>
<dt>自定义列表1</dt>
<dd>列表项111111</dd>
<dd>222222</dd>
<dd>333333</dd>
<dt>自定义列表2</dt>
<dt>自定义列表3</dt>
</dl>

 

免责声明:文章转载自《html简单介绍(一)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇移动硬盘不显示的解决方法ubuntu 安装jdk7总结下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTML统计图表

RGraph: HTML5/Javascript charts for your website http://www.rgraph.net/ jQuery Visualize Plugin Visualize是一个利用HTML5 Canvas将Tables标签转换成图表的jQuery插件。支持的图表类型包括:线状图,柱状图,饼状图。可以设置图表标题,高度...

前端重点题目汇总

1 . Blob 对象中的type属性表示的文件是 MIME 类型。   Blob构造函数返回一个新的Blob对象,基本语法是 var aBlob = new Blob( array, options );   其中 array 是 ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array ,或者...

WSGI详解

WSGI接口 了解了HTTP协议和HTML文档,我们其实就明白了一个Web应用的本质就是: 浏览器发送一个HTTP请求; 服务器收到请求,生成一个HTML文档; 服务器把HTML文档作为HTTP响应的Body发送给浏览器; 浏览器收到HTTP响应,从HTTP Body取出HTML文档并显示。 所以,最简单的Web应用就是先把HTML用文件保存好,用...

Django的模板与母版

Django的模板与母版 PythonDjango模板母版 Django模板系统 与Django模板有关的官方文档 语法相关 变量相关 {{ 变量名 }} {{ name }},{{name|length}},{{name|default:"默认值"}} 变量名由字母数字和下划线组成。 点(.)在模板语言中有特殊的含义,用来...

前端基础总结

HTML初识 △HTML: 超文本标记语言,是一种用于创建网页的标记语言,不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm(没有区别) 网页文件的扩展名:.html或.htm(没有区别) 我们按照规则...

html入门详细笔记

Web的基本概念 什么是Web? 中文翻译“网页”,它是一些列技术的总称,(包括网站的前台布局、后台程序、美工、数据库开发等),我们称它为网页。 Web标准 结构标准(HTML) 网页的结构网页该有什么,(就像一辆车的基本框架结构这辆车该有什么) 表现标准(CSS) 设计网页的版式、颜色、大小外观。主要用CSS实现(就像一辆车的外观和内饰要什么颜色款式,现...