HTML面试题

本文详细介绍了HTML5中页面结构的关键组成部分,包括DOCTYPE声明、元素类型如块元素、内联元素和行内块标签,以及如何使用常用标签构建网页内容、设置样式和脚本。同时涵盖了转义字符的使用和实例。
摘要由CSDN通过智能技术生成

目录

1、页面结构

2、常用标签

(1)块元素(block element)

(2)内联元素(inline element 行内元素)

(3)行内块标签(inline-block level element)

3、常用转义字符


HTML(HyperText Markup Language)超文本标记语言,目前版本H5。

超文本:不仅仅是文字,还包括样式效果、多媒体信息(图片、音频、视频)。

标记语言格式:双标签:<start tag>内容</end tag>;单标签<tag />。

1、页面结构

<!DCOTYPE html>    文档类型解析声明
<html> 唯一根元素
    <head>    头元素:网页配置
        <title>网页标题</title>    标题标签:唯一性;显示在浏览器标题栏中的内容
        <meta>    关于文档元信息、关键字、版权、作者等
        <link>    用于引入外部文件链接:favicon.ico网页图标等
        <style type="text/css" ></style>   设置CSS样式文件
        <script type="text/javascript" ></script>    引入、设置JS脚本文件
        <......>
    </head>
    <body>    体元素:网页内容
        <......>
    </body>
</html>

2、常用标签

(1)块元素(block element)

        独占一行;可设置宽高,若不设置宽度,默认是浏览器窗口宽度;可以容纳内联元素和其他块元素。

        常用有:div常用块级容器、h1~h6标题、hr分割线、form表单(action="将数据发送何处"、method="提交方式默认get/post",HTTP请求方式)、ol有序列表(li条目)、ul无序列表、dl定义列表(dt条目标题、dd条目描述)、p段落、table表格(tr行,th表头单元格,td标准单元格)。

(2)内联元素(inline element 行内元素)

        在一行内并排;不能设置宽高;只能容纳文本或者其他内联元素。

        常用有:span常用行内容器、a锚点(超链接)、b/strong粗体、br换行、i/em斜体、del删除线、label关联表单控件、input输入(type="text"文本、"password"密码、"radio"单选框、"checkbox"复选框、"submit"提交按钮、"reset"重置按钮、"button"普通按钮,需要绑定事件οnclick="函数;")、select下拉框(option选项)、u下划线、sub上标、sub下标。

(3)行内块标签(inline-block level element)

        能和其他元素待在一行;能设置宽高;可以容纳其他行内元素或块级元素。

        常用有:img图像、input输入、textarea文本域、button按钮,audio音频、video视频。

3、常用转义字符

&(&amp;)、>(&gt;)、<(&lt;)、¥(&yen;)、€欧元(&euro;)、$(&#36)、©(&copy;)、®注册商标(&reg;)、™商标(&trade;)、"(&quot;)、'(&apos;)、×(times;)、÷(&divide;);

几种空格:

&nbsp;   半个空格,一个字符;不断行空格,防止源代码中的空格被合并;

&ensp;   半个空格,一个字符;

&emsp;   一个空格,两个字符;

&thinsp;   窄空格,小于一个字符。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值