第一次接触HTML设计的可以先看看前面几期的内容:HTML简介、HTML的标签和属性、HTML的常用标签和属性(2),这里是HTML基础教程的最后一期(没错,一共就四期,所以你不用觉得它有多难)。
html的基本结构
1!DOCTYPEhtml
//文档类型
html
2htmlxmlns=”
//命名空间
3head
//页面头部起始标签
4metacharset=UTF-8
//页面文字编码格式
5titleDocument/title
//页面标题栏
6/head
//页面头部闭合标签
7body
//页面内容起始标签
8 //书写网页内容代码位置
9/body
//页面内容闭合标签
10/html
//html闭合标签
!DOCTYPEhtml文档类型声明,用来声明HTML的版本等信息。
htmlxmlns=HTML文件的所有代码都必须写在html标签里面。xmlns:XMLNamespaces(命名空间),表示此HTML文档的所有内容都来自这个网站。head页面头部,页面的标题等内容都写在这个标签里。
metacharset=UTF-8声明网页编码,这里的页面文字编码格式是UTF-8
titleDocument/title网页标题。
body页面内容起始标签,网页中的所有内容代码都写在这里。
常用格式标签
注释!--这里用来写注释内容--,注释的内容不会在网页里显示
段落p这里用来写段落里的代码/p
换行br/这个标签不是成对的
粗体b这里用来写想要加粗字体的内容/b
斜体i这里用来写想要倾斜字体的内容/i
下划线u这里用来写想要加下划线字体的内容/u
删除线s这里用来写想要加删除线字体的内容/s
上标sup这里用来写想要目标字体效果的内容/sup
下标sub这里用来写想要下标字体效果的内容/sub
实战:编写一个留言板的HTML页面
下面我们根据前几期所讲过的内容:HTML简介、HTML的标签和属性、HTML的常用标签和属性(2)及上面所提到的内容及来写一个标准的HTML文件。
代码:
!DOCTYPEhtml
htmllang=zh-cmn
head
metacharset=UTF-8
title留言本/title
/head
body
!--发表留言区--
div
textareacols=50rows=5/textarea
br/
inputtype=text/
inputtype=submitvalue=发表留言/
/div
!--显示留言区--
div
div
用户名1、留言时间1
br/
留言内容1
/div
div
用户名2、留言时间2
br/
留言内容2
/div
/div
/body
/html
注:
lang=zh-cmn表示声明元素内容的语言为简体中文cols=50rows=5表示多行文本输入框的长和宽
效果:
到这里HTML的基本语法就算是基本讲完了。
关于HTML语言中的其它代码写法跟我们这几期所讲到的基本类似,所不同的就只是HTML的元素、属性及属性值的作用不同而已。
所以现在大家已经具备基本的前端HTML开发能力了。
如果想要深入学习也只需要自行去http://www.w3school.com.cn查询并了解相关元素、属性及属性值的作用就行了。
Thisisnottheend.
Itisnoteventhebeginningoftheend.
Butitis,
perhaps,theendofthebeginning.
更多分享
小众电影
美国往事丨如果你的一生只能看一部电影的话,那就看这一部吧
春夏秋冬又一春丨那么小就当和尚,好伤心啊
蝴蝶丨我比你年轻,我还有余力等你(les题材)
东京夜空最深蓝丨活着吧,要活到死才对
荒野生存丨我想那么年轻,干净,那么寂寞地活着,直到可以突然失踪在马路上的那一天
小白教程
小程序丨0基础要怎么自学小程序开发
小程序丨小程序开发环境搭建和布署
小程序丨