前端 01
2019-05-25 本文已影响0人
我的好昵称
什么是结构表现行为？面试答辩题
<!--html结构 css表现 javaScript行为-->
<!DOCTYPE html><!--h5的文档声明,避免浏览器无法正常解析显示网页-->
<html><!--跟标签一个页面只有一个根标签内容都写在里面-->
<head><!--头部标签，用来解析页面，显示浏览器的标题栏中-->
<meta charset="utf-8/"><!--告诉网页采用的编码字符集，meta设置网页元素数据，也是一个字结束标签。>
<title>这是一个非常好的页面</title><!--标题标签-->
</head>
<body><!--身体 标签，设置主题，显示网页的内容-->
<!--body是p和em的祖先元素，p和em是body的后代元素-->
<h1>这是我的<font color="red" size="7">第二个</font>网页</h1><!--设置文字，大小，颜色>
<!--这里不可以使用class-->
</html>
<！DOCTYPE html>
<html>
<head>
<meat charset="utf-8"/>
<title>常用的标签</title>
</head>
<body>
<!---
标题标签:
在html中，一共有六级标题标签，h1-h6，h1最大,h6最小,h1最重要，仅次于title的，h2-h6依次降低的，页面只用h1-h2-h3之后的不常用
-->
<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标签</h5>
<h6>一级标题</h6>
<!---
段落标签
用于展示内容的 一个自然段
使用p标签表示一个段落
p标签默认占一行,短语段之间有一段距离
<p>也是一个元素，em是p的子元素，p是
em的父元素。
-->
<p>我是一个p标签,我用来表示一个段落</p>
<!---在html 中,字符之间写在多的空格,浏览器也会当时换行当成一个空格解析
再页面可以使用br标签表示一个换行,br是一个自结束标签-->
<p>
锄禾日当午,</br>
汗滴禾下土,</br>
谁知盘中餐,</br>
粒粒皆辛苦,</br>
</p>
<!---
hr标签也是一个字结束标签,可以在页面中生成一条水平线-->
</hr>
</body>
</html>
<!DOCTYPE html>
<!----在html中
在HTML中，一些如<、>这种特殊字符是不能直接使用的
需要使用一些特殊的符号来表示这些特殊字符，这些特殊符号称为实体（转义字符）
浏览器解析到实体时，会自动将实体转换为其对应的字符
实体的语法：&实体的名字;>
< <小写
> >大写
空格
版权©
– ©
-->
a<b>c
<p>©:今天天气 :好清凉,处处风光</p>
</body>
html段落是通过<p>标签进行定义的
<a href="http://www.baidu.com">This is a link</a>
<!--href 属性中指定链接的地址-->
HTML 图像是通过 <img> 标签进行定义的。
<img src="123.jpg" windth="100",height='139'/>
<!--img引用外部的一张图片，scr属性指向外部图片的路径,alt图片的描述-->
答辩面试<!--题img属性
src 路径
alt 描述
width 宽
height高
图片的格式
JPEG（JPG）照片，不透明
GIF颜色少，简单的透明，动图
PNG颜色多，复杂透明
图片的使用原则，效果不一致，使用效果好的
效果一直，使用体积小的
-->
<!--常见属性 id属性作为表的唯一标识符，一个网页中不可以出现相同的id属性值
class 用来为标签分组，可以为一个clacss元素指定多个class.
titel属性用来指定标签的标题，指定title以后，鼠标移动到元素上方时，会出现提示文字
-->
meta的用法
<!--1设置页面的字符集,防止页面的乱码-->
<meta charset="utf-8">
<!--1-->
<!--2设置页面的描述-->
<meta name="description"content=''HTML5,JavaScript,前端，python '">
<!--2-->
<!--3设置对网页的关键字-->
<meta name="keywords" content"发表h5,js,python等前后端相关的信息"/>
<!--3-->
<!--4请求的重定向,要跳转页面的地址-->
<meta http-equiv="refresh" content="5"url="地址">
<h1>5秒后跳转</h1><!--指定5秒后要跳转的页面的地址-->
<!---5-->
<a>标签是超链接的 标签，通过a，可以快速跳转其他页面。
href指向一个链接地址
target设置打开页面的的位置，可选值_blank新窗口，self当前窗口
