html 第一课

一、什么是HTML?

超文本标记语言

1.1文件拓展名显示

计算机-组织-文件和搜索选项-查看-隐藏已知文件的拓展名-确定

二、HTML文档声明

<!DOCTYPE html>

三、HTML三大标记

html,body,head

<html>

 <head></head>

 <body></body>

</html>

四、网页标题

title

书写格式:

<head>

    <title>网页标题</title>

</head>

五、常用标签

5.1 p

<p>我是段落</p>

5.2 span

<span>我是span</span>

5.3 标题标签

h1~h6

<h1>我是H1标题</h1>

5.4 强制换行

<p>我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个<br>段落我是 一个段落我是一个段落我是一个段落我是一个段落我 是一个段落我是一个段落我是一个段落我是一 个段落我是一个段落我是一个段落</p>

5.5 超链接标签

<a href="http://baidu.com">百度</a>

5.6 图像标签

<img src="http://preview.quanjing.com/Chineseview009/286-0236.jpg">

六、样式标签

<style></style>

6.1改变字体颜色

color:black;

6.2改变字体大小

font-size:20px;

6.3改变网页背景颜色

background-color:red;

6.4网页背景变为图片

background-image:url("http://preview.quanjing.com/Chineseview009/286-0236.jpg");


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 序言 在聊html之前,我们要先知道什么是htmlHTML 即,超文本标记语言H:hyper(超越)T:text(...
    smalldefy阅读 462评论 0 1
  • 学习笔记: 一、什么是Html? HyperText Markup Language,超文本标记语言 “超...
    唐糖0430阅读 224评论 0 0
  • HTML文档的后缀名 .html .htm 以上两种后缀名没有区别,都可以使用。 开始学习HTML! HTML 实...
    葛高召阅读 271评论 0 1
  • 学习目标: 了解html的基本结构 掌握标题标签: 掌握段落标签: 掌握通用块标签: 掌握图片标签: 掌握超链接标...
    husky_1阅读 2,587评论 0 12
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 1,282评论 0 3