【HTML】概念和基本标签

yumo6666个月前 (04-26)技术文章100

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之div内容居中

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

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

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

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

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

css布局方案汇总(28个实例图文并茂)

简介布局在我们前端日常开发来说是非常重要的,一个好的布局能简化代码的同时还能提高网页的性能。常见的布局方法有浮动(float)布局、绝对定位(position)布局、表格布局(table)、弹性(fl...

掌握这些CSS知识点,Coding如飞

许多入门学前端的同学,或是准备面试的同学都会去死记硬背一些前端知识点,笔者也是这么经历过来的,但却不推荐这种囫囵吞枣、不求甚解的学习方式,因为这样会走很多弯路,属于“应试”学习,我们更应该的是从基础到...

CSS基本布局16例

单行单列单行两列1:采用float浮在左上角,固定宽度。单行两列2:固定在左上角,固定宽度,采用的是绝对(absolute)定位。单行两列3:固定在左上角,不固定宽度,采用百分比(%)定义宽度来自适应...