第一

web页面通常使用哪几种语言开发

html ：超文本标记语言，它包含了网页的实际内容

css ：样式表，它可以对页面的布局，字体颜色，背景进行精确控制，并且它可以被多个页面调用，具有重复利用性

js ：为网页添加动态功能

第二

HTML结构包含哪两部分

head 和 body

<HTML>
                    <HEAD>
                    <TITLE> 网页的标题 </TITLE>
                    </HEAD>
                    <BODY>
/* 网页的内容，很多标记都作用于此*/

比如：<p></p> {代表一个段落}

第三

HTML的元素

注释

图像 <img src="

http://study.163.com/res/iages/logo4.png"

width="500" height="100"/>

链接<a href=

"http://study.163.com/smartSpec/intro.htm">

点我访问网易微专业</a>

表单<form>

username：

password:

</from>

/*用于服务器的表单提交*/

内联框架<iframe src="

http://study.163.com/smartSpec/intro.htm"

frameborder="0" width="480" height="240">

</iframe>

/*在网页上会出现一个有上面的url内容的页面框*/

第五

HTML DOM是什么结构

<html>

<a>

（HTML的属性）

所谓html属性，指的就是各个标签所具有的属性 {有的是标签属性，有的是事件属性，事件属性就相当于一个动作，比如：登录QQ时弹出的框，就是事件属性}

最为常见的属性包括：id、class、name、style、type、value等

不同的标签还有各自的专属属性，比如表格元素所专用的 colspan rowspan

html属性是书写于标签当中的，如：

<input type="text" name="" id="">

input是标签名，而type、name、id都是这个标签的属性

当然，用户还可以自定义属性。

附加 {常用的标签}

<HTML> 文件声明让浏览器知道这是 HTML 文件
<HEAD> 开头提供文件整体资讯
<TITLE> 标题定义文件标题，将显示于浏览顶端
<BODY> 本文设计文件格式及内文所在
排版标记
 说明标记为文件加上说明，但不被显示
<P> 段落标记为字、画、表格等之间留一空白行
<BR> 换行标记令字、画、表格等显示于下一行
<HR> 水平线插入一条水平线
<CENTER> 居中令字、画、表格等显示于中间
<PRE> 预设格式令文件按照原始码的排列方式显示
<DIV> 区隔标记设定字、画、表格等的摆放位置
<NOBR> 不折行令文字不因太长而绕行
<WBR> 建议折行预设折行部位
字体标记
<STRONG> 加重语气产生字体加粗 Bold 的效果
<B> 粗体标记产生字体加粗的效果
<EM> 强调标记字体出现斜体效果
<I> 斜体标记字体出现斜体效果
<TT> 打字字体 Courier字体，字母宽度相同
<U> 加上底线加上底线
<H1> 一级标题标记变粗变大加宽，程度与级数反比
<H2> 二级标题标记将字体变粗变大加宽
<H3> 三级标题标记将字体变粗变大加宽
<H4> 四级标题标记将字体变粗变大加宽
<H5> 五级标题标记将字体变粗变大加宽
<H6> 六级标题标记将字体变粗变大加宽
<FONT> 字形标记设定字形、大小、颜色
<BASEFONT> 基准字形标记设定所有字形、大小、颜色
<BIG> 字体加大令字体稍为加大
<SMALL> 字体缩细令字体稍为缩细
<STRIKE> 画线删除为字体加一删除线
<CODE> 程式码字体稍为加宽如<TT>
<KBD> 键盘字字体稍为加宽，单一空白
<SAMP> 范例字体稍为加宽如<TT>
<VAR> 变数斜体效果
<CITE> 传记引述斜体效果
<BLOCKQUOTE> 引述文字区块缩排字体
<DFN> 述语定义斜体效果
<ADDRESS> 地址标记斜体效果
<SUB> 下标字指数
<SUP> 下标字下标字
清单标记
<OL> 顺序清单清单项目将以数字、字母顺序排列
<UL> 无序清单清单项目将以圆点排列
<LI> 清单项目每一标记标示一项清单项目
<MENU> 选单清单清单项目将以圆点排列，如<UL>
<DIR> 目录清单清单项目将以圆点排列，如<UL>
<DL> 定义清单清单分两层出现
<DT> 定义条目标示该项定义的标题
<DD> 定义内容标示定义内容
表格标记
<TABLE> 表格标记设定该表格的各项参数
<CAPTION> 表格标题做成一打通列以填入表格标题
<TR> 表格列设定该表格的列
<TD> 表格栏设定该表格的栏
<TH> 表格标头相等于<TD>，但其内之字体会变粗
表单标记
<FORM> 表单标记决定单一表单的运作模式
<TEXTAREA> 文字区块提供文字方盒以输入较大量文字
<INPUT> 输入标记决定输入形式
<SELECT> 选择标记建立 pop-up 卷动清单
<OPTION> 选项每一标记标示一个选项
图形标记
<IMG> 图形标记用以插入图形及设定图形属性
连接标记
<A> 连结标记加入连结
<BASE> 基准标记可将相对 URL 转绝对及指定连结目标
框架标记
<FRAMESET> 框架设定设定框架
<FRAME> 框窗设定设定框窗
<IFRAME> 页内框架于网页中间插入框架
<NOFRAMES> 不支援框架设定当浏览器不支援框架时的提示
影视地图
<MAP> 影像地图名称设定影像地图名称
<AREA> 连结区域设定各连结区域
多媒体
<BGSOUND> 背景声音于背景播放声音或音乐
<EMBED> 多媒体加入声音、音乐或影像
其他标记
<MARQUEE> 走动文字令文字左右走动
<BLINK> 闪烁文字闪烁文字
<ISINDEX> 页内寻找器可输入关键字寻找于该一页
<META> 开头定义让浏览器知道这是 HTML 文件
<LINK> 关系定义定义该文件与其他 URL 的关系
StyleSheet
<STYLE> 样式表控制网页版面
<span> 自订标记独立使用或与样式表同用

网易云web安全工程师第二天相关推荐

网易云Web安全工程师课程分享2——第二章常见Web漏洞解析
第一节 XSS漏洞课程回顾什么是XSS? XSS分类 XSS演示总结回答 XSS: Cross Site Script,跨站脚本. 危害:盗取用户信息,钓鱼,制造蠕虫等. XSS类型方式存储 ...
网易云web安全工程师第一天
第一: 什么是url ,它的作用是什么: url就是一段地址,他的作用就是找到你需要访问的目标第二描述一下URL的格式? 底层协议+host地址(域名或者主机地址)+端口(默认80,或者8080自 ...
伪网易云-web前端
文章目录前言一.界面二.源代码百度网盘提取前言制作粗糙一.界面初始: 搜索: 鼠标悬浮选择: 点击进入歌词播放界面: 播放效果: 可以切换回列表(点击歌词回到歌词界面): 二.源代码 ...
C++网易云课堂开发工程师-拷贝构造，拷贝复制，析构函数
1.带有指针的Class,Class with pointer member 当类内带指针,一定自己写出拷贝构造函数. String s1(); String s2("hello" ...
C++网易云课堂开发工程师--转换函数
class Fraction{ public: Fraction(int num, int den = 1) : m_numerator(num), m_denominator(den) { } Fr ...
C++网易云课堂开发工程师--类模板
static complex data members static data members member functions static member functions 非静态成员函数:non ...
C++网易云课堂开发工程师-class的声明
这节中主要讲解Class的内部声明与定义情况. 1.在类内直接定义的函数在内部定义的函数,默认为inline. inline函数,若设定为inline函数使用起来会较快. 编译器无法将所有声明为in ...
网易云音乐的“红与黑”
如果可以给网易云音乐自己定位一个"主导色",那它应该是红色的.红色代表着热烈.鲜活与向上,与网易云音乐奔跑冲刺"全球音乐社区第一股"的形象不谋而合. 在与拥有雄 ...
使用aplayer内嵌播放器播放个人网易云歌单
可以按f12 打开控制台看到我的插件应用这篇文章的重点就是在与第一个的插件 aplayer 关于他的一些关于用处无关的介绍就不多说了主要是讲他作为网页端内置音乐播放器可以实现有很多的功能具 ...
python3爬虫(4)：获取网易云音乐歌手所有歌曲及歌曲的精选评论
1. 需要的python包 >pip install pycryptodome >pip install requests >>pip install lxml 2. 实践1: ...

网易云web安全工程师第二天

附加 {常用的标签}

网易云web安全工程师第二天相关推荐

最新文章

热门文章