首页手记 Web前端学习笔记Day1标签

Web前端学习笔记Day1标签

标签：

Html/CSS

1.HTML
HTML是超文本标记语言 ( Hypter Text Markup Language)
HTML不是编程语言，是标记语言
标记语言是一套标记标签
HTML使用标记标签描述网页

HTML标签
关键词<html>
成对出现的，<b>和</b>
标签中第一个是开始标签，第二个是结束标签，也叫做开放标签和闭合标签
HTML文档=网页
HTML 文档描述网页
HTML文档包含HTML标签和纯文本
HTML文档称作网页

2.基础
HTML标题(Heading)通过<h1>-<h6>等标签进行定义 <h1>…</h1>
HTML段落通过<p>标签进行定义 <p>…</p>
HTML链接通过<a>标签进行定义

<a href="www.immooc.com.cn">慕课网</a>

HTML图像通过<img>标签进行定义

<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="imooc.jpg width="104 height="142"/>

3.元素
HTML元素指的是从开始标签到结束标签的所有代码
空的HTML元素叫做空元素在开始标签中关闭 <br />
HTML标签对大小写不敏感

4属性
HTML标签拥有属性。属性提供了有关于HTML元素的更多的信息
属性总是以名称/值的形式出现比如：name=”value” 属性在开始标签中规定。
<h1 align="center">对齐方式
<body>主体
<body background-color="red">背景颜色
<table>表格
<table border="1px solid yellow">表格边框
属性值始终加引号""

5标题
标题（Heading）是通过<h1>-<h6>等标签进行定义
<h1>定义最大的标题<h6>定义最小的标题
HTML水平线<hr />元素用于分隔内容
HTML注释提高代码的可读性

6段落
段落通过<p>标签定义（<p>是块级元素）
注意：不要忘记结束标签
HTML折行:若不希望在产生新段落的情况下进行换行（折行），要使用<br />标签<br />元素是空元素，它没有结束标签
HTML输出HTML中所有连续的空行（换行）被显示为一个空格

7格式化
HTML可定义很多工格式化输出的元素，比如粗体和斜体字
文本格式化标签
<b>定义粗体文本
<big>定义大号字体
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字
计算机输出标签
<code>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机代码样本
<tt>定义打字机代码
<var>定义变量
<pre>定义预格式文本
引用和术语定义
<abbr>缩进
<address>地址
<acronym>首字母缩进
<bdo>文字方向
<dfn>定义项目
部分用法
<h1 align="center">Immooc</h1>文字居中
<p style="text-align:center"></p>图片居中
<pre>He a d ing</pre>pre元素可定义预格式文本,被包围在pre元素中的文本通常会保留空格和换行符,文本也会呈现等宽字体。
<abbr title=”NewOriginHTML5”>NOH5</abbr>abbr标签定义缩写
上例显示为：NOH5
<bdo>定义文字方向<bdo dir="rtl">12345</bdo> 显示"54321"
rtl：为自右向左ltl：为自左向右
<blockquote>定义长引用,浏览器自动插入换行和外边距，而短引用不会。
<del>删除文本 :在文本中显示一条横线