HTML学习-初学认识第一天、网页基本标签 2022-1-16

阅读 74

2022-01-20

HTML学习

认识HTML

Hyper Text Markup Language(超文本标记语言)

Html的优势

世界知名浏览器厂商对Html5的支持(微软、Google\苹果、Opera、Mozilla)
市场的需求
跨平台

W3C标准

World Wide Web Consortium(万维网联盟)

##面试题库
W3C标准包括
结构化标准语言(HTML、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript)

首先新建一个工程

  1. 在这里插入图片描述

请添加图片描述

对于src 这个项目没有实际用处删除
2. 新建一个目录Directory
请添加图片描述

  1. 新建一个HTML网页
    请添加图片描述

请添加图片描述

浏览器显示位置方式

  1. 在界面上右上角有几个小浏览器

请添加图片描述

  1. 如果直接点击某一个浏览器就会出现错误
    请添加图片描述

  2. 然后在设置里面输入web
    请添加图片描述

  3. 在path设置电脑中浏览器的路径,然后就可以通过浏览器的方式直接运行
    请添加图片描述

请添加图片描述

基本的Java

<!-- 这是注释 Ctrl+/ 是快捷键-->
<!-- 这是文档类型DOCTYPE,告诉浏览器,我们要使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head代表网页头部-->
<head>
    <!--meta描述性标签,它用来描述我们网站的一些信息-->
    <!--meta一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name="keywords" content="可以随便写信息">
    <meta name="description" content="可以对网页进行描述">
    <!--title代表网页标题-->
    <title>我的第一个网站</title>
</head>

<!--body代表网页主体-->
<body>
你值得最好的
</body>
</html>

在这里插入图片描述

网页基本标签(生成标签的快捷键例如:p再按Tab)

标题标签(

)
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
</body>
</html>

在这里插入图片描述

段落标签(

)

<!--段落标签-->
<p>第一段文字</p>
<p>第二段文字</p>
<p>第三段文字</p>
<p>第四段文字</p>
<p>第五段文字</p>

在这里插入图片描述

换行标签()

<!--换行标签-->
第一行文字</br>
第二行文字</br>
第三段文字</br>
第四段文字</br>
第五段文字</br>

水平线标签(
)

<hr/>

请添加图片描述

字体样式标签(粗体:

斜体:

<!--粗体斜体-->
<h1>字体样式标签</h1>
粗体:<strong>I Love You.</strong>
斜体:<em>I Love You.</em>

请添加图片描述

注释和特殊符号

<!--特殊符号-->
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br/>
&gt;
<br/>
&lt;
&copy;版权所有
<!--
特殊符号记忆方式
&中间是字母 ;
-->

请添加图片描述

请添加图片描述

精彩评论(0)

0 0 举报