Web前端基础
HTML是什么
是超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
总结:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言。HTML是用来开发网页的。(网页后缀 html,htm)html是标记语言不是编程语言。
超文本:超级文本,比文本更加好用,可以更加丰富的呈现文字信息。
标记:也叫做标签,这个是html里面的一个基本语法,所有的结构都是通过标记来控制的。
为什么学习HTML
HTML网页开发在JavaEE开发中的承担的部分。(网页设计师+JavaEE工程师)
在团队中会有专门的人,做网页开发,为什么还需要学习HTML?虽然我们不需要能够开发精美的网页,因为我们需要拿到人家开发好的网页,并且能看到人家的网页代码
适用对象:
网页零基础入门课程
Web前端工程师
JavaEE工程师
PHP Web工程师
Python Web工程师
.net Web工程师
html xhtml html5
如何更加丰富的控制这个网页?
通过标记
什么是标记?
<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"/>