热门关键字:
jquery > jquery教程 > jquery教程 > html5 代码生成 页面,HTML5学习

html5 代码生成 页面,HTML5学习

325
作者:管理员
发布时间:2021/7/13 18:27:38
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5048
  制作HTML页面


  1.2.1 创建首个HTML5页面.


  Size:


  在准备好的开发工具中,首先输入第一行HTML代码,如下:


  Size:


  这行代码定义了一个标签,


  形同一个声明,告诉浏览器要使用标准、


  兼容的模式来解析渲染这个HTML页面。


  只需记住,在制作所有HTML5页面时把它放到第一行即可。


  为HTML5页面,构建最基本的结构框架


  有两大块,一部分是页面的“头”,一部分是页面的“身体”,


  分别用


  和标签来指定。创建代码如下:


  Size:


  基本不会作为页面内容给浏览者。需要有两项基本信息:


  “名字”、“语言”。


  标题--“


  ” 语言--“”


  标注“语言”能便于浏览器正确地解读页面不会出现乱码。


  在此用标签的charset来加以设置字符编码为“UTF-8”。


  “UTF-8”是通用编码形式,又被称为“万国码”。修改


  部分的代码,如下:HTML5学习邀请函


  范围窄的编码形式,如:简体中文--“GB2312” 简繁体中文--“GB18030” 等。


  Size:


  标签中则包含了所有要呈现给浏览者的内容信息。


  首先把标题放入


  中,代码如下:


  Let's learn HTML5


  Size:


  接下来把文件保存为 index.html ,首个HTML页面便创建好了。


  用浏览器打开即可看到显示效果:“Let's learn HTML5”。


  1.2.2 增加必要的页面元素


  Size:


  在HTML的各种标签中,标题标签一共有6个,按层次结构分别为


  。


  因为这里标题只有一个,这里用最大的


  Size:


  接着添加说明文字。在放入文字之前,要有一个结构化的想法,


  不直接把内容扔到代码里面。说明文字本身为文本段落,因此可放段落,


  即


  标签里面。修改


  代码,如下:


  发挥您的美感与想象力,探索Web开发的无限可能性,现诚邀您一同踏上HTML5的学习之旅


  Size:


  最后,将邀请参加的按钮加入到页面中。按钮实质为一个文本连接,单击后跳转到某个URL。


  链接的标签为,跳转的URL可以用该标签的href属性来指定。假设点击“邀您参加”字样后,


  页面将跳转到一个名为 invite.php的其他页面。修改


  代码,如下:


  发挥您的美感与想象力,探索Web开发的无限可能性,现诚邀您一同踏上HTML5的学习之旅


  邀您参加


  Size:


  保存index.html。


  1.2.3 页面中那些看不见的代码


  Size:


  在页面中加入一些“容器”、“区块”。将细小的事物归类放入不同的功能或内容区域中,


  是页面结构变得井井有条,有助于页面美化。


  是通用的区块。还有一些标签:


  、、、等后续详细学习。


  在这个例子中只有几项简单的内容元素,没有涉及一个页面多个版块,因此


  不适用于这样的标签。在此,用


  将所有内容包含进去。代码修改,如下:


  Size:


  区块使页面代码的结构性更强了。为了便于控制这个区块的显示,可以赋予这个div以一个“名字”


  ,以直接对应到这个区块。做法是给它添加一个id属性,命名为container。修改




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐