HTML+CSS基础学习-了解html

来源：互联网发布：scala 数组编辑：程序博客网时间：2024/04/26 10:36

Web前端开发基础技术三剑客：HTML、CSS、JavaScript。

HTML

平常我们上网浏览的各式各样的网页都是有html标签组成的，网页中的每一个内容在浏览器中展示都要存放在各种标签之中。

标签语法
- 由英文尖括号<和>括起来。如<html>
- 一般成对出现，分开始标签和结束标签，结束标签比开始标签多一个/。如
- 标签直接可以嵌套，但先后顺序需保持一致。如内容文本测试文字没字了
- 不区分大小写，但建议小写。
文件基本结构
```
<html> <head>... ...</head> <body>... ...</body></html>
```
- <html>为根标签，所有网页标签都在其中。
- <head>用于定义文档的头部元素信息。描述文档的各种属性和信息，包括文档的标题等。这里包含的数据都不会真正作为内容显示给浏览者。如<title>网页标题</title>标签，设置网页的标题信息，将会出现在浏览器的标题栏中。
- <body>网页的主要内容，在这里的标签中的内容会在浏览器中显示。
html的代码注释，
语义化标签

语义化标签，就是的标签的本身意义用途。使用语义化标签可以更容易被搜索引擎收录，更容易让屏幕阅读器读出网页内容。

标签元素大体可分为三种不同的类型，块级元素、内联元素、内联块级元素。三种类型可通过下面方式转换：

display:block; 设置将元素显示为块级元素display:inline; 设置将元素显示为内联元素display:inline-block; 设置将元素显示为内联块级元素

块级元素每个元素都从新的一行开始，而且其后的元素也另起一行，高度、宽度、行高以及顶和底边距都可以设置，高度在不设置的情况下，是本身父容器的100%。常见块级元素有：

<div> , <p> , <h1>~<h6> , <ol> , <ul> , <dl> , <table> , <form> , <blockquote> , <address>

内联元素和其他元素都在一行上，高度、宽度、行高以及顶和底边距都不可设置，元素的宽度是它所包含的文字或图片的宽度，不可更改。常见的内联元素有：

<a> , <span> , <br> , <i> , <em> , <strong> , <label> , <code>

内联块级元素和其他元素都在一行上，高度、宽度、行高以及顶和底边距都可以设置。<img> , <input>

《慕课网_HTML+CSS基础课程》学习整理

0 0