01HTML基础-课堂作业

什么是HTML
HTML ( Hypertext Markup Language )即超文本标记语言
如：

< !DOCTYPE HTML>
<html>
< head>
<meta http- equiv= "Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<h+>什么是HTML </h1>
HTML标记通常被称为HTML标签
HTML标签是由尖括号包围的关键词
HTML标签通常是成对出 
标签对中的第一个标签是<ins>开始标签</ins>,第二个标签是<del>结束标签</del>
开始和结束标签也被称为开放标签和闭合标签
公式: X2+x=0
解: x1=0 ; x2=-1

</body>
</html>

HTML特点
1.HTML不需要编译,直接由浏览器执行
2.HTML文件是一个文本文件
3.HTML文件必须使用html或htm为文件名后缀
4.HTML大小写不敏感,HTML与html一样

开发工具：baiSublime Text，Dreamweaver，word，记事本。。。。

HTML基础语法

HTML基本结构：头部信息，网页内容
　　<html>
　　<head>
　　　　<title>标题</title>
　　< /head>
　　<body>
　　　　网页主体内容
　　</body>
　　</html>

语法: <标签名> </标签名>
例如: <html> ... </html>
规范:
1.<和> 括起来

2.成对出现,开始标签和结束标签,结束标签比开始标签多了一个/

3.单标签：没有结束标签 <hr/>

DOCTYPE文档类型声明
- < ! DOCTYPE>声明必须放在HTML文档第一-行。
- < ! DOCTYPE>声明不是HTML标签

网页编码设置
当网页显示出现乱码时,在<head> </head>标签之间添加:
< meta http-equiv= "content-Type" content= "text/html; charset=utf-8" >
注: utf-8、GB2312、gbk等编码

文字和段落标签
标题标签: <h1> </h1>~<h6> </h6>
段落标签: 
align对齐属性值:
　　left 左对齐内容

　　right 右对齐内容

　　center 居中对齐内容

　　justifty 对行进行伸展,这样每行都可以有相等的长度

换行标签:

文字斜体:、 
加粗: 、 
下标: 
上标:

　　　　　　　　　　　　列表标签
无序列表: 　　　　　　　　　　　　　　　　　　　　　　　　　　type属性值:

<ul>　　　　　　　　　　　　　　　　　　　　　　　　　　　　值　　　　　　描述

<li>列表项</li>　　　　　　　　　　　　　　　　　　　　　disc　　　　　圆点

<li>列表项</li>　　　　　　　　　　　　　　　　　　　　　square　　　 正方形

......　　　　　　　　　　　　　　　　　　　　　　　　　　　 circle　　　　 空心圆

</ul>　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　注:规定列表的项目符号类型,请使用样式设置。

有序列表: 　　　　　　　　　　　　　　　　　　　　　　　　　　type属性值:

<ol>　　　　　　　　　　　　　　　　　　　　　　　　　　　　值　　　　　　描述

<li>列表项</li>　　　　　　　　　　　　　　　　　　　　　1　　　　　数字1，2，3。。。。。

<li>列表项</li>　　　　　　　　　　　　　　　　　　　　　a　　　　小写字母a，b，c。。。。

......　　　　　　　　　　　　　　　　　　　　　　　　　　　 A　　　　大写字母A，B，C。。。。

</ol>　　　　　　　　　　　　　　　　　　　　　　　　　　　i　　　　　　小写罗马字母i

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　I　　　　　大写罗马字母I
　　　　　　　　　　　　　　　　　　　　　　　　　　　　注:规定列表的项目符号类型,请使用样式设置。

定义列表:
<dI>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
< /dl>
注: <dl> <dt> <dd>组合使用。

图像标签
语法:

<img src=””alt= "”..>

img属性:

　　属性　　　　值　　　　描述

Src (必写)　　　URL　　显示图像的URL

alt　　　　　　文字　　图像替代文本

height　　数值和百分比　　图像的高

width　　数值和百分比　　图像的宽

超链接标签
语法:
　　< a href= ””>内容</a>

属性:

　　属性　　　　　　描述

　　href　　　　　　链接地址

　　　　　　　　　　链接的目标窗口
　　target　　　　_self、 . blank、_top、 parent

　　title　　　　　　链接提示文字

　　name　　　　　　链接命名

定义锚(同一页面):
< ahref= "#锚名1”>目录1 </a>
< ahref= "#锚名2”>目录2 </a>
< a href=”...“name= "锚名1” >内容</a>
XXXXXXXXX
XXXXXXXXXXXXX
< a href=“...”name= "锚名2” >内容</a>
XXXXXXXXX

定义锚(不同页面):
网页1 : < ahref= "..."name= "锚名" >内容</a>
网页2 : < a href= “网页名称#锚名”.....</a>

电子邮件链接:
< a href= "mailto:邮件地址” .....</a>

posted @ 2020-07-21 13:05 『yyh』阅读(292) 评论(0) 收藏举报

刷新页面返回顶部

『yyh』

01HTML基础-课堂作业

公告