html

Question

html

Opened this issue 7 years ago · 8 comments

url=https://www.w3cschool.cn/html/html-intro.html
DOCTYPE声明了文档类型

位于标签<html>与</html>描述了文档类型
位于标签<body>与</body>为可视化网页内容
位于标签<h1>与</h1>作为一个标签使用
位于标签<p>与</p>作为一个段落使用

什么是html
html指的是超文本标记语言：Hyper text markup language
标记语言是一套标记标签（markup tag)
html使用标记标签来描述网页
html文档包含了html标签及文本内容
html文档也叫做web页面

doctype声明是不区分大小写的

Answer 1 · 2017-06-25T11:06:19.000Z


html基础

html标题是通过<h1>-<h6>标签来定义 
例如：<h1>这是一个标题</h2>

html段落
html段落是通过标签<p>来定义的

htmll链接
html链接是通过标签<a>来定义的 .a标签，也叫anchor（锚点）院所，既可以用来连接到外部地址实现跳转功能，也可以连接到当前页面的某部分实现内部导航功能。
例如:<a href="http://www.baidu.com">这是一个链接</a>  注意”>"怎么输入
在href属性中指定链接的地址

html图像
html图像是通过<img>来定义的。使用src属性指向一个图片的具体地址
例如：img src="xxx.png" width="104“ height=”142“
img元素是自关闭元素，不需要结束标记

Answer 2 · 2017-06-25T11:14:27.000Z

html元素

<br>只是一个换行标签，没有结束语

html元素语法
html元素以开始标签起始，以结束标签结束
元素的内容是开始标签与结束标签之间的内容
某些html元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数html元素可拥有属性

html文档由嵌套html元素构成




html空元素
没有内容的html元素被称为空元素
<br>就是没有关闭标签的空元素
在xhtml，xml，以及未来版本的html中，所有元素都必须被关闭
在开始标签中添加斜杠，比如<br/>，是关闭空元素的正确方法
即使<br>在所有浏览器中都是有效的，但使用<br/>其实是更长远的保障


html标签对大小写不敏感

Answer 3 · 2017-06-25T11:22:45.000Z

html属性

属性是html元素提供的附加 信息

属性一般描述与开始标签

属性总是一名称/值对的形式出现,比如: name = "value"

例如：<a href="http://www.baidu.com">这是一个链接</a>


html 属性常用引用属性值
属性值应该始终被包括在引号内
双引号是常用的，不过单引号也没有问题
当属性值本身就含有双引号，那就要用单引号加他包起来

html：属性和属性值对大小写不敏感，不过万维网推荐使用小写

适用于大多数html元素的属性
class： 为html元素定义一个或多个类名（classname)(类名从样式文件引入）
id ：定义元素的唯一id
style ：规定元素的行内样式（inline style)
title：描述元素的额外信息（作为工具条使用）

Answer 4 · 2017-06-25T12:27:26.000Z

html标题：

在html文档中，标题是很重要的

标题（heading)是通过<h1>-<h6>标签进行定义的
<h1>定义最大的标题<h6>定义最小的标题


请确保 html标题标签只用于标题。不要仅仅是为了生成粗体或者大号的文本而是用标题

应该将h1用作主标题，h2是次要的，在次要是h3，以此类推

html水平线

<hr>标签在html页面中创建水平线

hr元素可用于分隔内容



html注释
可以将注释插入代码中，是使代码更容易被人理解。浏览器会忽略注释

例如：<!-- 这是一个注释 -->

Answer 5 · 2017-06-25T12:43:52.000Z

`html段落：`

段落是通过<p>标签定义的

不要忘记结束标签（虽然忘了结束标签，大多数浏览器也会正确的将html显示出来

html折行
如果你希望那个在不产生一个新的段落的情况下进行换行（新行），请使用<br/>标签

对于html，无法通过在html代码中添加额外的空格或者换行来改变输出的效果。

Answer 6 · 2017-06-25T12:59:52.000Z

`html文本格式化:`

格式化标签 
html使用标签<b>与<i>对输出的文本进行格式，如：粗体 或斜体
通常标签<strong>替换加粗标签<b>来使用，<em>替换<i>标签来使用
然而这些标签的含义是不同的：
<b>与<i>定义粗体或者斜体文本

<strong>或者<em>意味着你要呈现的文本是重要的，所以要突出显示。


html文本格式化标签
<b> 定义粗体文本
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上表字
<ins>定义插入字  即文字有下划线
<del>定义删除字   即文字中间有一条杠

html 计算机输出标签
<code>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机大妈样式
<var>定义变量
<pre>定义预格式文本


html引用，引文，及标签定义
<abbr> 定义缩写
<address>定义地址
<bdo>定义文字方向
<blockquote>定义长的引用
<q>定义短的引用语
<cite>定义作品的标题
<dfn>定义特殊术语或短语

Answer 7 · 2017-06-25T13:30:53.000Z

html链接：
html使用超级链接与网络上的另一个文档相连。

html使用标签<a>来设置超文本链接
在标签<a>中使用了href属性来描述链接的地址
默认情况下，链接将以一下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线
访问过的链接将显示为紫色并带上下划线
点击链接时，链接显示为红色并带下划线

html链接 -target属性
使用target属性，你可以定义被连接的文档在何处显示


html  链接 -id属性
id属性可以用于创建在一个html文档书签标记
书签是不以任何特殊的方式显示，在html文档中是不显示的，所以对于读者来说是隐藏的

<a id ="tips">Userful Tips section</a>
<a href="#tips">Visit the useful tips section</a>
<a href ="//www.w3cschool.cn/html_links.htm#tips">visit the useful tips section</a>
意思是：在哪个地方坐标记，然后超链接 后面加上id=刚刚的标记，然后就能跳到那个地方

基本注意事项：
书写链接时：将正斜杠添加到子文件加。假如没有，就会向服务器产生两次http请求。应为服务器会添加正斜杠，然后创建一个新的请求，
标准：href="//www.baidu.com/"

Answer 8 · 2017-07-02T02:35:09.000Z

html<head>
html头部

<title>定义了html文档的标题
<base>定义了所有连接和url
<meta>提供了html文档的meta标记

html<head>元素
<head>晕啊素包含了所有头部标签元素。在<head>元素中你可以插入脚本，样式文件（css），及各种meta信息，可以添加在头部的文件标签为：<title>,<style>,<meta>,<link>,<script>,<noscript>,<base>

<title>元素

<title>标签定义了不同文档的标题
<titile>在html/xhtml文档中是必须的
<title>元素：
定义了浏览器工具栏的标题
显示在搜索引擎结果面的标题
当网页添加到收藏夹是，显示在收藏夹的标题

<base>
<base> 标签描述了基本的链接地址/链接目标，改标签作为html文档宗所有连接标签的默认链接：
<base href="www。。。" target="_blank">

<link>
<link>标签定义了文档与外部资源之间的关系
<link>标签通常用于连接到样式表
<link rel ="stylesheet" type="text/css" href = "mystyle,css">

<style>
<style>标签定义了html文档的样式文件引用地址
<style>元素中你需要指定样式文件来渲染html文档


<head>
<style type="text/css">
body {background-color:yellow}
p  {color:blue}
</style>

<meta>
meta标签描述了一些基本的元数据
<meta>标签提供了元数据，元数据也不显示在页面上，但是会被浏览器解析
META元素通常踊跃指定网页的描述，关键词，文件的 最后修改时间，作者和其他元素
元数据可以使用于浏览器，搜索引擎，或其他web服务
<meta>一般放置于<head>区域
为搜索引擎定义关键词
<meta name ="keywords" content="html,css,xml,xthtml,javasrcipt">
为网页定义描述内容：
<meta name ="description" content ="free web tutorials on html and css">
定义网页内容
<meta name ="author" content="hege refsnes"
每三十秒刷新当前页面：
<meta http-equiv="refresh" content="30>

script
<script>标签用于加载脚本文件：如javascript