编程小白的学习之路（二）

时间：2021-06-15 00:12:49

编程小白的学习之路（二）

一、html基本结构

<!DOCTYPE HTML>           **文档声明
<html>
<head>
    ....
</head>
<body>
    ....
</body>
</html>

<!-- -->为注释格式，可对关键代码进行解释，并不 在网页上显示。

（一）、head标签

head标签内可存放的标签。

<title>    **定义网页的标题
<meta>     **网页的基本信息，供搜索引擎看 元信息标签、辅助性标签、页面关键字、页面描述，
<meta name=" " content=" ">
<link>     **链接CSS样式表 js文件
<style> **定义元素的CSS样式
 <style type="text/css"> </style>
<script> **脚本语言
<base> **所有链接的基础定位

（二）、段落与文字

<h1>-<h6>  **表示标题标签 字号从大到小，一般一个页面只能有一个<h1>
<p>        **表示段落标签 用于分段 自动换行、空行
<br/>      **换行标签
**文本格式化标签 对文本进行各种格式化的标签
<b> <strong>  **表示粗体标签
<em>          **表示斜体标签
<sup>      **表示上标标签 要使用上标形式 就把数字或文本放在<sup></sup>标签内
                （a+b）<sup>2</sup> 显示为（a+b）²
<sub>         **表示下标标签
<hr/>      **表示水平线标签  是自闭合标签
<div>      **表示区隔标签 主要用来为html文档内的大块内容提供结构和背景，用来划分一个区域 div可以放入<body>标签的任何内部标签，段落文字、表格、列表、图像等。div划区的代码更具逻辑性。

&nbsp; 表示空格，可用于首行缩进，<p>标签 首行不会缩进2个字。

自闭合标签：一般标签有开始符号和结束符号，可以在标签内部插入其他标签或文字；自闭合标签没法插入其他标签或文字。
    **<input/>表单元素
<img/>图像标签

（三）、块元素和行内元素

1、块元素（block）
（1）占据整行，排斥其他元素与其位于同一行
（2）块元素内可以容纳其他块元素或行内元素

<div>
<h1>-<h6>
<p>
<hr>
<ol>  <ul>
都是块元素

2、行内元素
（1）可以与其他行内元素位于同一行
（2）行内元素内部可以容纳其他行内元素，但不可容纳块 元素

ps：有时候网页中文会显示为乱码，应在meta标签中设置。

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
标签：

相关文章