html入门级学习

html简介

标记语言：注重文档结构
程序语言：注重控制计算机


常用标记语言：
Xml: XML是元标识语言，用户可以根据自身的需要定义一些标记 
Html: 这是一种用来制作超文本文档的简单标记语言，用其编写的文档通常后缀为html
XHTML:HTML的增强版，它的灵活性和扩展性会适应未来网络应用的更多需求,语法要求更严格
HTML5: html最新标准

js css html 关系
html： 负责创建，负责语义的表达，解决了页面“显示内容是什么”的问题
css：负责解决网页中内容该如何显示的问题
javascript：负责讲解网页内容对事件该做出什么样的反应

html结构

<!DOCTYPE html>                     //申明html文档
<html lang="zh-Hans">  
    <head>                          //head 头部标签
        <meta charset="UTF-8">      
//meta 无结束标签，通过对应的属性来设置编码格式（必要）、
设备显示缩放、搜索引擎关键字、描述、浏览器内核渲染方式等内容。        
		<title>Document</title>     //title 设置网页标题
    </head>
    <body></body>                   //body 内容
</html>                             //html 文档跟节点

html 基础标签和元素

h: <h1></h1>  标题，有1，2，3，4。。。等标题
p:<p></p>     段落  不识别回车和空格 （回车会识别为空格，一个或多个空格为一个空格）
body:<body></body>  网页上需要显示的信息，其html主体写在body里面
meta：<meta charset="UTF-8" http-equiv="refresh" content="40">  闭合标签，其中可设置字符集 
		charset:标签属性 设置字符集
		http-equiv: 网页刷新
		content:刷新间隔秒数
title:<title></title>  标题，整个网页的标题
hr:<hr>   水平线标签
br:<br>   换行
a:<a href="url" target="_blank"></a>  超链接
		target="_blank"  从新窗口打开 
		<a href=“url” download>链接文本</a>  下载到本地
		<a href="#c2">跳转到c2</a>  跳转到id=c2所对应的标签
img:<img src="images/a1.png">  浏览器展示图片

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

语义化标签：
	strong:<></>  强调语句
	em:<></>   强调
	div:<></>  布局标签（通用容器）
	article:<></> 用于文章、新闻或博客，表示文档、页面、应用或一个独立的容器 可嵌套
	section:<></> 章节标签
	aside:<></> 指定附注栏，包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等
	header:<header></header> 网页的额外信息，比如网页的脚本语言和网页使用的字符集等
	footer:<></>  页脚	
	nav:<></> 标记导航，仅对文档中重要的链接使用
	time:<></> 时间
	main:<></> 页面主要内容，一个页面只使用一次			
			
特殊符号：
		&lt  <
		&gt   >
		&nbsp  空格
		&amp  &
		&quot  "
		&qpos  '

pre:<pre></pre>  原样输出，适合编程语句的显示

iframe框架：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面
<iframe src="demo_iframe.htm" name="iframe_a" scrolling="yes"></iframe>
name：设置iframe的名称

width：设置iframe的宽度，值可以为像素（不用添加“px”单位）和百分数

height：设置iframe的高度，值可以为像素（不用添加“px”单位）和百分数

src：设置iframe元素内需要显示页面或文件的URL地址，
该属性的值可以由与之关联的a标签点击设置（通过将a标签的“target”
属性的值设置为该iframe的“name”属性的值进行关联）

frameborder：设置是否显示边框（0 表示不显示边框/ 1 表示要显示边框）

scrolling：设置是否允许滚动（auto/yes/no）

html列表标签

元素 描述
ol 定义有序列表
ul 定义无序列表
li 列表内容
dl 自定义列表
dt 列表项目描述
dd 列表项目描述 
<body>
	<h4>无序列表:</h4>
	<ul>
	  <li>Coffee</li>
	  <li>Tea</li>
	  <li>Milk</li>
	</ul>
</body>


<body>
	<h4>无序列表:</h4>
	<ol start=’50’>
	  <li>Coffee</li>
	  <li>Tea</li>
	  <li>Milk</li>
	</ol>
</body>

<dl>
	 <dt>a</dt>
	 <dd>a1</dd>
	 <dd>a2</dd>
	 <dt>b</dt>
	 <dd>b1</dd>
	 <dd>b2</dd>
	 <dt>c</dt>
	 <dd>c1</dd>
	 <dd>c2</dd>
</dl>

格式化标签

标签 描述
b 粗字体
em 着重
i 斜体字
small 小号字
strong 加重语气
sub 下标字
sup 上标字
ins 插入字
del 删除字

语言分类

编程语言：python，运算用
标记语言：结构化文档
自然语言：信息搜索等