HTML基础学习1——标签

学海无涯,学习总是一步一步脚踏实地的前进,而基础学习就是起跑前的准备,当然就显得尤为重要。

学习HTML语言更是如此。

推荐开发工具:

      1、Webstorm

      2、Sublime text

      3、HBuilder

      4、Eclipse

      5、Visual Stdio

一、网页的本质

  网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。

二、超文本标记语言

  超文本标记语言(HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。标准的超文本标记语言文件都具有一个基本的整体结构,

  标记一般都是成对出现(部分标记除外例如:<br/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。

三、基础标签

  标题:<h1> - <h6> 等;

  段落: <p> ;

  预格式文本:<pre>;

  链接/定义锚:<a>;

  图像:<img> ,源属性:src ;

  水平线:<hr>;

  注释:<!-- -->;

  折行:<br>;

  加重语气:<strong>;

  上/下标:<sup/sub>;

  删除:<del>;

  定义长引用:<blockquote>;

  样式定义:<style>;

  布局:<div>;

  跨字符:<span>;

  水平居中:<center>;

  表格:<table> , 边框属性:border ,表格表头:<th> ;

这些只是一部分基础学习,更多的还得自己学习,然后更加勤劳的练习。学如逆水行舟,不进则退。

加油!

  

时间: 2024-10-13 12:34:58

HTML基础学习1——标签的相关文章

基础学习(标签 结构)

html基础介绍 认识html:HTML是超文本标记语言,用于描述网页文档语言.也是我们经常说的静态网页(超文本:能实现网页调整的文本) HTML文件扩展名:.html或是.htm HTML结构 DOCTYPE声明. head .网页编码声明(meta charset="utf-8"). title标题  .等内容. <!DOCTYPE html > <html> <head> <meta charset=utf-8" /> &

html5基础学习(标签)

标签: <!--...-->注释 <!DOCTYPE>申明文档规范,在html5中是<!DOCTYPE HTML> <a>超链接,用法示例:<a href="https://www.baidu.com" target="_back">baidu</a> <a>的属性: <audio></audio>音频 <video></video>视

HTML基础学习 a标签的使用

<a></a>标签的使用 <html> <head> <title>a标签的使用</title> </head> <body> <a href="http://www.baidu.com" target="_blank">百度</a> //开启浏览器新窗口 <a href="http://www.baidu.com"tar

蓝鸥零基础学习HTML5第七讲 常见标签及标签类型的转换

蓝鸥零基础学习HTML5第七讲 常见标签及标签类型的转换 1.常见标签-块属性的标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/reset.css"> </head> <

HTML&CSS基础学习笔记3-HTML的标签语法

HTML标签语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签. 2. HTML中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/.如: <p></p> 3.标签的内容是开始标签与结束标签之间的内容,如:<h1>这是标题</h1>. 4. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div

HTML&CSS基础学习笔记6-文本操作标签

文本也许是HTML里最常见的元素了,所以我们有必要对HTML的文本操作标签做下认识. 1. <em>,<i>内的文字呈现为倾斜效果: 2. <strong>,<b>内的文字呈现为加粗效果: 3. <b>,<i>只是单纯的为了让文本具有某种特殊样式,而<strong>,<em>不仅带有特殊样式,而且也表达了某种语义: 4. 在单纯的为了达到某种样式的情况下,建议使用不带有语义的标签. 体验如下:http://ww

蓝鸥零基础学习HTML5—html+css基础

蓝鸥零基础学习HTML5-html+css基础 一.课程目标 1.了解前端开发职位:2.掌握常用标签以及语义及用法:3.掌握常用css的特性,掌握基础布局技巧:4.掌握整站规划概念. 二.适用人群 零基础积极学习html5者 三.课程简介 本课程主要讲解了 html+css的基础知识,包括html模板.标签.css基础样式.布局.表格表单.整站等等,是进行前端开发的基础.Html+css是前端开发的基础,大部分前端开发工程都需要从html+css布局开始,html+css的基础非常重要,是前端开

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.

HTML&CSS基础学习笔记13—无序列表

无序列表 有时我们的工作繁忙,杂事很多,怕忘记,就会把事情一件件列出来,防止忘记. 它们的排列顺序对于我们来说并不重要,可以随意调换,我们将它称为无序列表,HTML里用<ul>标签来表示无序列表,列表里的项目则用<li>标签来表示: 1 2 3 4 5 <ul>     <li></li>     <li></li>     ... </ul> 看一段实例代码: 对于的浏览器显示结果是这样的: 更多内容学习,请