测试开发从入门到放弃之前端01_HTML5_DTD文档及Head标签内容

最新推荐文章于 2024-01-14 06:00:00 发布

旺仔Tester

最新推荐文章于 2024-01-14 06:00:00 发布

阅读量228

点赞数

本文链接：https://blog.csdn.net/qq_21070659/article/details/72904774

版权

作为一名测试开发人员,不懂前端的知识那跟咸鱼有什么分别,学习下前端的知识对于以后测试前端以及开发些测试平台么的也是大有帮助的。

开发准备:webstorm

注册码获取:http://idea.lanyus.com

第一节:DTD文档及Head标签内容

HTML是什么?

html是一种超文本标签语言,html标签可以描述文字,图形,动画,声音,表格等等。HTML的结构包括head和body两大部分,head描述主要是一些浏览器需要的信息,主题包括要说明的具体内容。

DTD文档模型

DTD文档模型也称DOCTYPE文档声明,它是DocumentType Definition 的英文缩写,在HTML文档中用来指定页面所使用的HTML版本。

DOCTYPE声明的类型

a)html5当中

<!doctype html>

b)html4当中有三种doctype类型

Strict（严格）、Transitional（过渡）、Frameset（框架），现在依然在使用的html4文档声明中90%都是过渡型。

基本标签

<html>定义了html文档，所有元素都要包含在它里面

<head>定义了文档的头部，它里面的内容多数是给搜索引擎和浏览器读取的

<title>定义文档的标题，显示在浏览器的标题上，当用户把该网页放入收藏夹时，标签将成默认名称

完整地网页由结构,样式,行为组成,HTML是结构,CSS是样式,JS是行为

<h1>~<h6>定义标题，权重从h1到h6越来越低

h是块元素，可使用align属性，可通过left、center、right来控制标签的显示位置

<p>定义段落，它是块元素，在编辑器中，无论在P标签里敲多少个空格都会被忽略

<span>用来组合文档中的行内元素，以便通过样式格式化它们，如果不给span加样式，那它和普通文本不会有任何差异。

<div>可定义文档的分区或节，可把文档分割成独立的、不同的部分，可作为元素的组织工具。

<br>换行符，它是自闭合标签

<hr>在HTML页面中创建一条水平线

注释

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="尚学堂,北京尚学堂,学习前端">
    <meta name="description" content="学习学习">
    <title>同一个世界,同一个梦想</title>
    <style>
        p{
            color: blue;
        }
    </style>
    <!--<script src="js/myJs.js"></script>-->
    <script type="text/javascript">
        alert("hello world");
    </script>
</head>
<body>

<p>北京欢迎你,为你开天辟地</p>
<!--<link rel="stylesheet" href="css/myCSS.css">-->

</body>
</html>

旺仔Tester

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
测试开发从入门到放弃之前端01_HTML5_DTD文档及Head标签内容

作为一名测试开发人员,不懂前端的知识那跟咸鱼有什么分别,学习下前端的知识对于以后测试前端以及开发些测试平台么的也是大有帮助的。开发准备:webstorm 注册码获取:http://idea.lanyus.com 第一节:DTD文档及Head标签内容 HTML是什么? html是一种超文本标签语言,h
复制链接

扫一扫