继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Web前端学习笔记Day1标签

慕粉3823417
关注TA
已关注
手记 1
粉丝 0
获赞 11

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 src="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注释<!-- This is a comment-->提高代码的可读性

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>删除文本 :在文本中显示一条横线

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP