菜鸟教程：零基础HTML入门
HTML入门
文章目录
- 一、HTML是什么？
- 二、入门实例
- 1.新建html文档
- 2.html常用标签
- 三、属性
- 总结
一、HTML是什么？
HTML全称：Hyper Text Markup Language
中文名：超文本标记语言
HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。
二、入门实例
1.新建html文档
如图：
每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个html文件的标题 html的内容
保存后在浏览器打开：
这就是html在浏览器打开后的画面
标题部分：
显示结果：
内容：
显示结果：
html注释
注释写在代码中，主要是用于编程人员观看，能够方便检查代码以及标出重要内容.
注释内容在浏览器显示界面中不会出现
格式是小于号（<），感叹号（!）小于号和感叹号间无空格，接下来是两条短线（–）,然后就是注释内容，最后又是两条短线（–）和大于号（>）。
如：
2.html常用标签
1.标题
html文档中的内容标题使用h1~h6来书写，
...
标题字(最大)
...
标题字(最小) 一般按顺序从大到小依次使用
2.段落
中间是文本内容
3.超链接
标签定义超链接，用于从一张页面链接到另一张页面。
href是它最重要的属性，它表示链接的目标。
a标签中间所夹的内容就是链接在浏览器上所显示的样子
4.图像
标签定义图像，src属性指示图像地址
5.表格
代码示例：
浏览器显示：
在html中
标签定义表格，标签定义行，
| 和 | 定义每一行被分割的单元格 |
|---|
6.列表
无序列表代码：
浏览器显示：
有序列表代码：
浏览器显示：
- 标签定义无序列表
- 标签定义有序列表
- 标签定义列表项目
三、属性
html的属性：用来赋予标签意义和语境，主要作用是为了让浏览器理解网页，也是为了搜索引擎的优化。
全局属性：
id：元素的唯一名称，具有唯一性
title:元素的额外信息
class：元素的类名
style：元素的行类css样式
总结
HTML在前端工作中属于基础中的基础，想要掌握好html只有通过多多练习，代码只有多敲才能够记得住。
菜鸟教程：零基础HTML入门相关推荐
- 零基础快速入门SpringBoot2.0教程 （三）
一.SpringBoot Starter讲解 简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-boot/doc ...
- 取得数组下标_《零基础C++入门教程》——（8）搞定二维数组与循环嵌套
一.学习目标 了解二维数组的使用方法 了解循环嵌套的使用方法 目录 预备第一篇,使用软件介绍在这一篇,C++与C使用的软件是一样的,查看这篇即可:<零基础看得懂的C语言入门教程>--(二) ...
- python海龟教程_Python 零基础 快速入门 趣味教程 (咪博士 海龟绘图 turtle) 7. 条件循环...
条件循环能够让程序在条件成立时(即为真时)重复执行循环体中的语句.如果条件一直成立(即永远不会为假),则循环会一直进行下去,不会停止.如果初始时,条件不成立,则循环 1 次也不会执行.Python 中 ...
- sql数据库教程百度云_【推荐】零基础水彩画入门教程|零基础水彩教程百度云...
零基础水彩画入门教程|零基础水彩教程百度云! 照着教程画却总是画不好,这些水彩技法你真的学会了吗? 盲目地照着葫芦画瓢,不懂控制确实很难学会,可以关注一下公众号:每日学绘画,可以领取水彩电子书和全套视 ...
- java教程分享-我赢职场2018年 曹雪松老师java零基础最佳入门视频教程
要论编程语言哪家强,还属我们的java,尽管现在人工智能很火,从而带动了python语言的火热,但论跨平台能力还是首选java,其中javase,javaee,javame强大的功能即可以满足桌面应用 ...
- 视频教程-19全新mysql教程零基础入门实战精讲mysql视频DBA数据库视频教程SQL教程-MySQL
19全新mysql教程零基础入门实战精讲mysql视频DBA数据库视频教程SQL教程 7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/ja ...
- linux下的vim使用教程！从零基础到入门！
linux下的vim使用教程!从零基础到入门! 文章目录 linux下的vim使用教程!从零基础到入门! vim的介绍! vim的模式介绍! vim三种模式的关系! vim的基本操作! vim的退出! ...
- 视频教程-20年Nodejs教程零基础入门到项目实战前端视频教程-Node.js
20年Nodejs教程零基础入门到项目实战前端视频教程 7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/java/python,专注于服务 ...
- 基于Proteus无实物零基础STM32入门自学教程（七）--定时器点亮LED
简介:本项目为基于STM32F103R6为核心定时器点亮LED工程.在第一个任务里我们点亮LED是使用延时点亮.从这一讲我们开始学习真正的定时器使用方法,而这种方法是最接近实际应用的.实际应用中几乎不 ...
- 零基础CSS入门教程(1)–初识CSS
点此查看 所有教程.项目.源码导航 本文目录 1. 前言 2. HTML与CSS区别 3. CSS有哪些功能 4. 如何学习CSS 1. 前言 学习CSS是离不开HTML的,HTML是CSS的基础,如 ...
最新文章
- 那些年，我们一起学过的汇编----之伪指令
- 排序之二分查找插入排序算法
- 成功解决IndexError: index 14 is out of bounds for axis 1 with size 14
- .hpp文件_文件上传漏洞另类绕过技巧及挖掘案例全汇总
- springboot 页面下载文件 网页下载文件功能 文件放resourcce下面
- 第一节 生命周期和Zend引擎
- console_init_r()函数分析
- 如何使用apiPOST进行模拟发送get、post、delete、put请求（支持文件上传）
- python中class_【机器学习基础】数学推导+纯Python实现机器学习算法11：朴素贝叶斯...
- linux 7安装mysql8.12_Linux（centOS 7）安装MySQL8.12
- 回溯法——设计一个算法在1、2、3... 9（顺序不能变）数字之间插入+ 或 - 或什么都不插入，使得计算结果总是100的程序，并输出所有的可能性和全排列
- 注意！SQLite被曝漏洞，Chrome 火狐等数千应用或受影响
- 【密码学】让我们去看一个《摩尔斯电码里的爱情故事》： 爱情最好的样子，就是我爱你的同时你也爱我
- vnc远程桌面很慢_vnc远程桌面-桌面空白解决方案
- vue---隐藏登录页面导航栏，登录成功跳转页面出现导航栏
- win10修改用户名_win10最详细优化设置|win10专业版笔记本优化教程
- 如何申请GlobalSign SSL证书，需要什么条件？
- Spring cloud 和 Spring Boot 升级到F版和2.x遇到的问题。
- 状态控件ios 中滑块、开关、分段控件、操作表和警告的常用函数
- Trinity安装全过程并解决部分报错