前端HTML标签

1.什么是结构,表现,行为?

结构:HTML用于描述页面的结构
表现:css用于控制页面中的元素的样式
行为:JavaScript用于响应操作

2.HTML概念?

HTML是一种超文本语言

3.最基本的HTML页面

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>网页标题</title>
</head>
<body>
	<h1>网页正文</h1>
</body>
</html>

4. 定义HTML文档

<html>...<html>

5.文档的信息

.<head>...</head>

6.HTML文档的元信息

<meta> 

7.文档的标题

<title>...</title>

8.可见的网页内容

<body>...</body> 

9.html注释

<!--...-->

10.标题字大小

<h1>...<h2>

11.段落

<p></p> 

12.换行

<br>

13.水平线

<hr>

14.定义图像

<img scr=" " alt=" "/>

15.关于乱码问题的解决方法?

<meta charset="utf-8"/>

16.字符实体

小号:<     -&lt;
大于号:>   -&gt;
空格 :   -&nbsp;
和符号:&    -&amp;
版权:   -&copy;
引号:"   -&quot;
注册商标  -&reg;
商标:-&trade

17.块元素和内联元素的区别?

块元素:
1.独占一整行
2.块元素主要用来做页面中的布局
3.常见的块元素:div  p  h1  h2  h3......
(div这个元素没有任何的元素设置任何的默认样式)
4.一般情况下只使用块元素去包含内联元素
5. p元素不可以包含任何其它的块元素
内联元素(行内元素):
1.只占自身大小的元素
2.主要用来选中文本设置样式
3.常见的行内元素:span  a  imag  iframe
(span没有任何语义,span标签专门用来选中文字,然后为蚊子来设置样式)
4.而不会使用内联元素去包含一个块元素
5. a元素可以包含任意元素,除了他本身

18.HTML标签?

定义和用法:
<link> 标签定义文档与外部资源的关系
<link> 标签最常见的用途是链接样式表
提示和注释:
link元素是空元素,它仅仅包含属性
此元素只能存在于head部分,不过它可以出现任何次数

19.HTML与XHTML之间的差异?

在HTML中,<link> 标签没有结束标签
在XHTML中,<link> 标签必须被正确地关闭

20.meta标签?

.meta标签用来设置网页的一些元数据,比如网页的字符集、关键字、简介
meta是一个自结束标签,编写一个自结束标签时,可以在开始标签中添加一个

21.标题标签?

在HTML中,一共有六级标题标签,h1~h6
在显示效果上h1最大,h6最小,但是文字的大小我们并不关心

22.实体

实体的语法:&实体的名字;
				<	&lt;
				>	&gt;
				空格	&nbsp;
				版权符号	&copy;

23.meta标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>meta标签</title>
		<!-- 
			使用meta标签还可以用来设置网页的关键字
		-->
		<meta name="keywords" content="HTML5,JavaScript,前端,Java" />
		
		<!-- 
			还可以用来指定网页的描述
			搜索引擎在检索页面时,会同时枪击页面中的关键词和描述,但是这两个值不会影响页面在搜索引擎中的排名
		-->
		<meta name="description" content="发布h5、js等前端相关的信息" />
		
		<!-- 
			使用meta可以用来做请求的重定向
			<meta http-equiv="refresh" content="秒数;url=目标路径" />
		-->
		<meta http-equiv="refresh" ``content="5;url=http://www.baidu.com" />
	</head>
	<body>
		<h1>5秒以后跳转页面</h1>
	</body>
</html>

24.XHTML的语法规范

1、HTML中不区分大小写,但是我们一般都使用小写
2、HTML中的注释不能嵌套
3、HTML标签必须结构完整,要么成对出现,要么自结束标签

25.内联框架

使用内联框架可以引入一个外部的页面
			使用iframe来创建一个内联框架
			属性:
				src:指向一个外部页面的路径,可以使用相对路径
				width:
				height:
				name:可以为内联框架指定一个name属性
			在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎所检索

26.超链接

使用超链接可以让我们从一个页面跳转到另一个页面
			使用a标签来创建一个超链接
			属性:
				href:指向链接跳转的目标地址,可以写一个相对路径,也可以写一个完整的地址


		<a href="http://www.baidu.com">我是一个超链接</a>
		<br /><br />
		
		<a href="http://www.baidu1234567.com">我是一个超链接</a>
		<br /><br />

a标签中的target属性可以用来指定打开链接的位置
			可选值:
				_self:表示在当前窗口中打开(默认值)
				_blank:在新的窗口中打开链接
				可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开


		<a href="demo011_内联框架.html" target="tom">我是一个超链接</a>
		<br /><br />
		
		<iframe src="demo010_XHTML的语法规范.html" name="tom"></iframe>

center标签中的内容,会默认在页面中居中显示
我们可以将要居中的元素全都放到center中
		<body>
		<center>
			<p>我是一个p标签</p>
		</center>
		</body>

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值