Web前端基础

HTML是什么

超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的

超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

Web前端基础

总结:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言。HTML是用来开发网页的。(网页后缀 html,htm)html是标记语言不是编程语言。

超文本:超级文本,比文本更加好用,可以更加丰富的呈现文字信息。

标记:也叫做标签,这个是html里面的一个基本语法,所有的结构都是通过标记来控制的。

为什么学习HTML

HTML网页开发在JavaEE开发中的承担的部分。(网页设计师+JavaEE工程师)

在团队中会有专门的人,做网页开发,为什么还需要学习HTML?虽然我们不需要能够开发精美的网页,因为我们需要拿到人家开发好的网页,并且能看到人家的网页代码

适用对象:

网页零基础入门课程

Web前端工程师

JavaEE工程师

PHP Web工程师

Python Web工程师

.net Web工程师

html  xhtml  html5

Web前端基础

如何更加丰富的控制这个网页?

通过标记

什么是标记?

<xxx></xxx>

<xxx>是开始标记</xxx>是结束标记,xxx是标记名

标记的语法:

成对的标记,必须有开始标记,必须有结束标记。

单个的标记<xx/> 直接结束,xx是标记名。

不区分大小写 <Html></Html>

所有标记和标记的属性都是英文输入法

(html的语法不严谨,在很多种情况,下都可以识别出来,比如大小写,标记里面加空格,不写结束标记,编写的时候,尽量严谨一点)

html语法比较随意,在很多时候,可以自行测试效果。

基本网页结构:

<html>

<title>标题</title>

<body>身体</body>

</html>

文档类型声明:

<!DOCTYPE html>放在第一行

http://www.w3school.com.cn/tags/tag_doctype.asp

网页编码声明

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

放在head标签里面

(支持中文的utf-8 gbk gb2312)

标题标签

<hn></hn> n从1到6,逐渐变小。(加速,行距,单独一样)

注释:<!--这里是注释-->

水平线:<hr/>

换行:<br/>

段落标签(分段落,自动换行,跟其他段落间距)

<p alight="left center right justify"></p>

预格式标签

<pre></pre>

标记的属性(可以有多个属性,不分先后顺序)

<xxx   name="value"></xxx>

<xxx   name="value"/>