竹笋

注册

 

发新话题 回复该主题

三小时学会网页设计HTML的基本 [复制链接]

1#
北京白癜风治疗医院 https://wapjbk.39.net/yiyuanzaixian/bjzkbdfyy/bdf/

第一次接触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基础要怎么自学小程序开发

小程序丨小程序开发环境搭建和布署

小程序丨

分享 转发
TOP
发新话题 回复该主题