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> - 段落
特点:默认空一行

&nbsp; - 空格,打多少个就有多少个空格

插入图片
需要注意三点:
一、插入的是哪一张图片 - 图片路径
二、图片的尺寸,点中图片--》右键属性--》点文件夹替换--》宽度高度那有个小锁,锁住
三、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 />相当于回车
&nbsp 表示空格

内容容器标签
<h1></h1>....<h6></h6> 标题(会自动换行),HTML标签是通过<h1>-<h6>等标签进行定义的
<p></p> 段落标签(段落之间空行)
<div></div> 层标签(默认占一行)
<span></snpa> 层标签(方便找文字)

<ol type=" "> --ol是有序列表,引号中可以更改序号形式
<li>内容</li>
<li>内容</li>
</ol>
“ol”改为“ul”则为无序列表

原文地址:https://www.cnblogs.com/sunshuping/p/5592129.html