HTML5 基础知识(1)——基本标签
2020-03-10 16:01:09来源:博客园 阅读 ()
HTML5 基础知识(1)——基本标签
## HTML
**概念**:是最基础的网页开发语言
(Hyper Text Markup Langage 超文本标记语言)
> 1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起的网状文本。
> 2.标记语言:由表签构成的语言,如HTML,xml。(标记语言不是编程语言)
**快速入门**:
- 语法:
```css
1.HTML文档后缀名为 .html 或 .htm
2.标签分为:
* 围堵标签:有开始标签有结束结束标签。如:<html> </html>
* 自闭和标签:开始标签和结束标签在一起。如:<br />.
3.标签可以嵌套:需要正确嵌套,不能你中有我,我中有你的形式。
例如:错误:"<a><b></a></b>",正确"<a><b></b></a>"
4.在开始标签中可以定义属性。属性是由键值对构成,值需要引号(单双都可以)引起来
5.HTML的标签不区分大小写,但建议小写。
```
**标签学习**
```javascript
1.文件标签:
HTML:HTML文档的根标签
head:头标签。用于指定HTML文档的一些属性。引用外部资源。
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档为HTML文档
2.文本标签:
注释:<!--注释内容-->
<h1> to <h6>:标题标签
h1 -- h6 字体大小逐渐减小
<p>:段落标签
<br />:换行标签
<hr />:水平线标签
属性:
color:颜色
width:宽度
size:高度
align:对齐方式
center:居中
left:左对齐
right:右对齐
<b>:字体加粗
<i>:斜体
<font>字体标签(不在使用)
属性定义:
color:
1.英文单词:red,green,blue
2.rgb(值1,值2,值3):值的范围:0~255 如: rgb( 0,0,255)
3,#值1,值2,值3:值的范围:00~FF之间。如:#FF00FF
width:
1。数值:width=‘20’,数值的单位‘px’ ,默认是像素。
2.数值%:占比相对于父元素的比例。
```
**列表标签**
```javascript
1。有序标签:
ol:外层
li:内层
2.无序标签:
ul:外层
li:内层
```
**链接标签**
```javascript
< a >: 定义一个超链接标签
属性:
href:指定访问访问资源的URl(统一资源定位符)
target:指定打开资源的方式
_self:默认值,在当前界面打开
_blank:在新的界面窗口打开
```
**div 和 span:**
```javascript
<div>:每一个div占满一行。块级标签
<span>:文本信息在一行展示,行内标签 内联标签。
```
**语义化标签:**
```javascript
HTML5中为了提高程序的可读性,提供了一些标签
1. <header>:页眉
2. <footer>:页脚
```
**表格标签**
```javascript
1.table:定义一个表格
width:宽度
border:边框
bgcolor:背景色
align:对齐方式
2.tr:定义行
3.td:定义单元格
4.th:定义表头单元格
5.<caption>:表格标题
<thead>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分
```
以上就是一些基本的HTML的标签。
原文链接:https://www.cnblogs.com/haoshaoqian/p/12458634.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:bfc
下一篇:Web实验一 国内旅游界面
- 1.html5概述 2020-05-25
- [书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读 2020-05-07
- 前端工程师需要具备哪些基本素质? 2020-04-11
- HTML连载81-CSS书写格式、一个手机页面的基本结构 2020-04-09
- css基本选择器 2020-04-07
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash