第一章 HTML语言基础

5个月前发布 SanS三石
40 0 0

第一节 HTML的基本结构

1.什么是HTML

  • HTML(Hyper Text Mark-up Language),超文本标记语言。它包含了很多不同的标签(标题标签(h1-h6),段落标签(p)),通过浏览器加载这些标签,呈现不同的内容。
  • HTML文件的扩展名是.htm.html
  • HTML语言要靠浏览器执行

2.如何运行HTML文件

通过不同种类的浏览器打开html文件:IE,FIrefox,Chrome

3.HTML文档结构

第一章 HTML语言基础
  • <html>标签
    是文档的根标签,所有网页中的内容都要定义在根标签之间
  • <head>标签
    文档的头部,用于配置网页的相关属性。比如:title,css样式,js脚本,网页内容概要,搜索关键字,网页内容的编码<meta>
  • title标签
    配置网页的标题信息
  • body标签
    网页所有信息内容都是写在body标签中的:文本,超链接,图片,视频
  • <meta>标签
    通过<meta>标签可以配置网页内容编码格式

    <head>
    <meta charset=”utf-8/gbk/gb2312″/>
    <meat http-equiv=”Content-type” content=”text/html;charset=utf-8″ />
    </head>

4.HTML注释和特殊字符

注释:就是为代码加以解释,另外也可以使用注释屏蔽无用的代码

格式:

<!-- 注释的内容 -->

特殊符号htm编码&copy;&reg;<&lt;>&gt;空格&nbsp;

第二节 创建HTML文档

  • 用记事本创建HTML
  • 用EditPlus创建HTML
  • 用HBuilder创建HTML

第三节 常用HTML标签

标签的写法:

  • 标签以<开始以>结束
  • 成对标签的格式:<标签名>内容</标签名>
    空标签:<标签名 />
  • 标签名不区分大小写,推荐用小写

1.<h1>~<h6>标题标签

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META name="Generator" content="EditPlus">
  <META name="Author" content="">
  <META name="Keywords" content="">
  <META name="Description" content="">
 </HEAD>
​
 <BODY>
  <!--标题标签-->
  <h1>这是1级标题</h1>
  <h2>这是2级标题</h2>
  <h3>这是3级标题</h3>
  <h4>这是4级标题</h4>
  <h5>这是5级标题</h5>
  <h6>这是6级标题</h6>
  <!--
  没有h7,浏览器自动忽略该标签
  <h7>这是7级标题</h7>
  -->
  这是普通内容
​
 </BODY>
</HTML>
​

2.<p>段落标签

p:用于表示一个段落,段落之间会存在段间距

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...