课堂练习:HTML-----------一般标签、常用标签

【】练习:一般标签、常用标签

  代码:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>网页的名字:我爱我的家</title>
 6 </head>
 7
 8 <body>
 9
10 <font color="#000066" face="宋体" size="+3">这是字体的颜色、是什么字体、大小</font><!--注释--><br>
11
12 <b>这是字体加粗</b><br>
13
14 <i>这是字体的倾斜</i><br><!--br是换行-->
15
16 <u>这是下划线</u><br>
17
18 <strong>这是加粗</strong><br>
19
20 <em>这是倾斜</em><br>
21
22 <center>这是居中</center><br>
23
24 这是<br>回车<br>
25
26 这是&nbsp;空格<br>
27
28 <br>
29 <br>
30
31
32 <h1>标题1</h1>
33 <h2>标题2</h2>
34
35
36 <h6>标题6</h6>
37 <p>段落1</p>
38 <p>段落<br>
39 2</p>
40
41
42 <font>第一种<div>层标签</div></font>
43 <font>第二种<span>层标签</span></font>
44
45
46 <ol type="a">有序列表
47     <li>序号1</li>
48     <li>序号2</li>
49     <li>序号3</li>
50 </ol>
51
52
53
54 <ul type="circle">无序列表
55     <li>第一</li>
56     <li>第二</li>
57     <li>第二</li>
58 </ul>
59
60
61
62 <a href="http://www.sina.com.cn/">这是新浪网,请点击。这是在自己的网页上打开的。</a><br><!--注释:这是对的文字链接-->
63
64 <a href="http://www.sina.com.cn/" target="_blank">超链接的文字。这是在新的窗口打开的</a><br>
65
66 <img src="../aaa/201502261338075041.png" alt="这里写图片案的名字" width="500" height="100" /><br><!--图片--><!--注释:高和宽设置一个即可,显示图片会按比例缩放。alt在图片加载时,还可帮助搜索引擎搜索。-->
67
68
69
70
71
72 </body>
73 </html>

  显示的结果、设计:

时间: 2024-10-11 23:15:35

课堂练习:HTML-----------一般标签、常用标签的相关文章

第2天:HTML常用标签

今天学完主要对所学知识点进行了整理. 一.超链接ahref:www.baidu.com(跳转页面):id名(锚点跳到相应div位置):01.rar(压缩包) target:_blank(新窗口打开):_self(当前窗口打开)二.文件路径绝对路径:(1)线上:线上绝对路径(2)线下:完整路径 相对路径:src=../img/bg.jpg(../是上一级目录) 三.HTML常用标签section :版块 用于划分页面上的不同区域,或者划分文章里不同的节 header :页面头部或者版块(secti

dede 首页的常用标签

dede 首页的常用标签!1.织梦标签学习方法1)不要深究织梦的标签是织梦的开发者提供给我们的,我们只要使用就好了,不要深究,这超出我们学习使用织梦的范畴了,我们本课程不是搞二次开发!2)复制很重要使用dede 不要去背那些提供给我们的标签,我们只要会复制粘贴,对某个标签有疑问直接粘贴到模板里看看能得到什么结果就可以了!2.标签分类1)单标签{dede:标签名属性="值" ..../}{dede:include filename="head.htm"/}2)双标签{

bootstrap_03_常用标签

<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

HTML 常用标签

HTML常用标签 HTML的结构 <html> <head></head> <body></body> </html> Body标记的属性 <body 属性="属性值"> Background:给网页设置背景图片 bgColor:给网页设置背景颜色 文本与字体修饰标记 <b></b>或者<strong></strong> 给字体加粗 <i>&l

Jsp开发常用标签总结

Jsp开发常用标签总结 JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它[1]  是由Sun Microsystems公司倡导.许多公司参与一起建立的一种动态网页技术标准.JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp). 用JSP开发的Web应用是跨平台的,

HTML基础—一般标签、常用标签和表格的应用

<html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文本颜色) topmar

HTML基础(一)——一般标签、常用标签和表格

第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文

html常用标签(form标签)

一.form标签 form标签是html标签中非常重要的一个标签.常用于注册.登录页面的使用. <form action="提交地址" method="提交方式"> </form> 注:method的值有两个.get(默认值)和post.get数据安全性没有post高.post的速度没有get快. form常用的元素: 1.文本框 <input type="text"/> 2.密码框 <input typ

HTML常用标签(一)

HTML学习之HTML常用标签发布了,欢迎大家通过学编程吧xuebiancheng8.com来访问 HTML是WEB前端课程的基础,HTML是超文本标记语言的缩写,是制作网页的语言,是每个前端工程师必备的知识,在所有的编程语言中,HTML应该是比较简单的.学的快的同学学上几天就可以入门.HTML的应用场合比较广,目前不单单可以用在网页中,同样在手机里现在用的也比较多,使用html实现的代码,可以实现各种手机平台的适配,所以html的使用场合越来越广. HTML代码是由HTML标签组成的,比方说如