【HTML】概念和基本标签

yumo6661周前 (04-26)技术文章11

1、www:

万维网,建立在internet上,全球性的、交互、多平台、分布的信息资源。

wwwf组成:

  • url:统一资源定位器,通俗来说就是访问地址
  • HTTP:超文本传输协议
  • HTML:超文本标记语言

2、网页的后缀名:html和htm

3、标签:

双标签:<标签名>内容</标签名>

单标签:<标签名 />

注释标签:<!-- 注释说明 -->

各种标签,以html文档结构来做:

<!doctype html> <!--文档类型标签-->
<html> --最外层的标签
<head> <!--头部标签,包含编码、标题等-->
	<title>标题</title> <!--标题标签-->
	<meta charset="utf-8"/> <!--编码格式-->
</head>
  <body> <!--主体标签,里面显示的内容-->
  	<h1>哈哈哈哈</h1>
  </body>
</html>

4、标题标签

h1~h6,h1最大的,h6最小的

属性:align,对齐方式

属性值:left-左对齐,center-居中,right-右对齐

示例:

<h1 align="left">标题左对齐</h1>

5、段落标签:

<p>内容</p>

属性:

-title:提示信息

-style:行内样式

-dir:文字方向,默认从左向右,ltl或者rtl

示例:

<p title="这是提示信息" dir="ltl"></p>

6、换行标签:<br/>

7、水平线标签:<hr/>

属性:

align:对齐方式,默认center居中对齐

color:颜色

width:宽度,可以取值百分比或者像素

size:高度,只能取值像素

noshade:取消阴影

示例:

<hr color="red" width="50%" size="10"/>

8、强调标签:加粗字体

<b></b>和<strong></strong>

9、图片标签:<img />

属性:

src:图片路径

alt:图片加载错误时提示信息

title:鼠标放在图片上提示信息

width:宽度

border:边框

示例:

<img src="1.jpg" alt="图片加载失败" title="提示信息"/>

10、超链接:<a>文本</a>

属性:

href:要跳转的地址

示例:

<a href="https://www.baidu.com">百度一下</a>

相关文章

用CSS实现居中的七种方法

微信ID:WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄(页底留言开放,欢迎来吐槽)● ● ●在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是...

css之div内容居中

div中的内容居中显示,包括水平和垂直2个方向。<html> <head> <style type="text/css">...

CSS 元素分类与水平居中

元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的内联元素有:<a>...

用CSS 实现元素垂直居中,有哪些好的方案?

水平居中方案:水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置 左右 margin 值为 auto3、不定宽块状元素a:在元素外加入 table 标签(完整的,包括...

html实现原生table并设置表格边框的两种方式

在 HTML 中实现原生表格并设置表格边框的详尽教程 在 HTML 中,表格是展示结构化数据的重要工具。为了使表格更加清晰、美观,设置表格边框是常见的需求。本文将深入探讨 两种原生方式 来实现表格边框...

实战经验分享:怎么在自己的网站里面调用第三方网站的页面内容

今日,站长在线(olzz.com)的首页右侧边栏里面,有一个是【mip验证】的工具入口,其实我在其他网站也放了这个入口,但是不同的是,以前的页面入口是直接链接到百度mip官方的页面检测地址的,而今天,...