html基础介绍基础标签以及文字样式
Posted 斐雪
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html基础介绍基础标签以及文字样式相关的知识，希望对你有一定的参考价值。
HTML基本介绍：
html作为文件后缀名，就可以让文件变成网页，可以用浏览器所打开；
实际，html是一门编程语言，叫做《超文本标记语言》；
html的作用，就是制作网页；
标记：html这门语言的基本组成单元 <内容>，大部分都有开始和结束的区别
注意：把文件的后缀名改成doc 就会变成window文件，改成txt，就会变成文本文件
格式：
<html> --开始标记
<head></head> --头标记，作用：用来控制网页的布局、编码、特效等内容
<body></body> --主题标记，作用：用来呈现网页的具体内容
</html> --结束标记
DW简介：
一般不用实时视图，常用代码，拆分，设计
创建网页：
文件新建--》空白页--》HTLM，无
注意：<meta httpequiv="Content-Type"content="text/html;charset=utf-8"/> 是编码方式，不能删除。如果删除，中文会变成乱码
标记的属性：<body>在body后空格就会出现body的属性
body中的背景颜色（bgcolor）和背景图片（background）
文本：
基础样式，6种：加粗，倾斜，下划线，颜色，尺寸，字体
一、加粗<b>、倾斜<i>、下划线<u>
<b><i><u>要编辑的内容</u></i></b><br />
二、颜色<font>，尺寸<size>，字体<face>--size只提供了七个字号
<font face size>要编辑的内容</font>
注意：结束标记没有属性.换行标记<br />
<p> - 段落
特点:默认空一行
- 空格，打多少个就有多少个空格
插入图片：
需要注意三点：
一、插入的是哪一张图片 - 图片路径
二、图片的尺寸，点中图片--》右键属性--》点文件夹替换--》宽度高度那有个小锁，锁住
三、title，作用：图片加载不出来，或是把鼠标放在图片上显示出来的内容
代码格式：
<img src="图片路径"width（宽度）="数"height(高度)="数"> --可以只设置宽度或是高度
扩展：
插入动态图片（gif结尾的图片）:<img src="图片路径，gif结尾的图片"width>
下载其它网页中的好看的图片：按f12--》选好图片所在的区域--》找到图片的代码--》双击打开--》打开后往下拖看到网址，打开另存为
超级链接：
要注意三点：
一、文本：显示给用户看，并且可以点击的
二、链接
三、targer
代码格式：
<a href="目标的链接" target="属性">文本或是<图片></a>
<a href="目标的链接" target="属性">文本<图片></a>
target(目标)的属性：black在新页面打开，self在自身打开
body的属性：
bgcolor 页面背景色
text 文字颜色
topmargin 上页边距
leftmargin 左页边距
rightmargin 右页边距
bottomargin 下页边距
background 背景壁纸
格式控制标签：
<b></b> 字体加粗
<i></i> 倾斜
<u></u> 下划线
<strong></strong> 字体加粗（强调，语气加强用）
<em></em> 字体倾斜（强调，语气加强用）
<center></center> 居中
<br>或<br />相当于回车
  表示空格
内容容器标签
<h1></h1>....<h6></h6> 标题（会自动换行），HTML标签是通过<h1>-<h6>等标签进行定义的
<p></p> 段落标签（段落之间空行）
<div></div> 层标签（默认占一行）
<span></snpa> 层标签（方便找文字）
<ol type=" "> --ol是有序列表，引号中可以更改序号形式
<li>内容</li>
<li>内容</li>
</ol>
“ol”改为“ul”则为无序列表
以上是关于html基础介绍基础标签以及文字样式的主要内容，如果未能解决你的问题，请参考以下文章