博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML-基础及一般标签
阅读量:4677 次
发布时间:2019-06-09

本文共 1685 字,大约阅读时间需要 5 分钟。

HTML        内容 Hyper Text Markup Language  超文本标记语言(包含文本、表格、图片、声音、视频等,同时也是文档)

    HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码

CSS          页面美化

JavaScript  脚本语言(针对前台显示进行控制)

 

DreamWeaver 构成

HTML基础及一般标签

基本构成:(html、head、body均是成对出现)

<html>——html开始语句

  <head>——头部标签(charset=utf-8  编码解码方式)

    页面上的控制信息

    <title>页面标签(标签标题)</title>

  </head>

    页面显示内容

  <body>

  </body>

</html>——html结束语句

 

body属性:(body分为前景层、背景层两层)

  <!--注释内容-->    进行注释

  background          背景图片

  bgcolor                背景颜色  (背景图片和背景颜色不能同时使用)

  text                     文字颜色

  topmargin            上页边距 (bottommargin  下页边距  liftmargin  左页边距  rightmargin  右页边距)

 

一般标签:

  <br />或<br>      换行,快捷键:shift+enter

  &nbsp;               空格,快捷键:ctrl+shift+space

  <font color="" face="" size="">文字内容</font>    文字属性控制,color颜色,face字体,size大小(size有-1—-6,+1—+6,当前大小上加减,还有1-6大小)

  <b></b> 同 <strong></strong>  加粗

  <i></i> 同<em></em>  倾斜

  <u></u>  下划线

  <center></center>  居中(默认:若前后有其他内容,执行前后换行,并居中,保证内容独自占一行)

 

内容容器标签:

<h1></h1>......<h6></h6>  标题  html标题(Heading)是通过<h1>-<h6>等标签进行定义的。

    特性:1、重要性依次递减;2、根据所在区域文字大小,增加或减去几个尺寸;3、自动换行,默认:若前后有其他内容,执行前后换行,并且空开一行;

<p></p>  段落标签(段落之间空行) 默认:若前后有其他内容,执行前后换行,并且空开一行,保证自己是一个整体;

<div></div>  层标签  默认:一开始就占一行,后面其他内容自动换行;

<span></span>  层标签  默认:有多大空间就占用多大空间,后面内容不换行;

 

<ol type="n">  有序列表,序号从n开始,依次+1,或为A B C ...也可以;

  <li>内容</li>  自带编号,编号无法选中

  <li>内容</li>  自动换行

  ……

</ol>  ol改为ul则为无序列表,没有序号

 

“../”  表示上级目录

“./”   表示当前目录

相对路径:从当前页面开始查找

绝对路径:从网站的根开始查找。  “/”代表网站的根

HTML基础及一般标签HTML基础及一般标签
字体加粗方式一
字体加粗方式二
字体倾斜方式一
字体倾斜方式二
字体加下划线
代码中<>中加“br/”为真正的换行,快捷键为Shift+Enter
空格快捷键为Shift+Ctrl+空格
h1-h6

重要性依次递减

自动换行,执行前后并空开一行

根据所在区域文字的大小,增加或减去几个尺寸

1234

段落标签,前后自动换行并空一行,不默认首行缩进

1234
1234
层标签,默认自己占整行,前后自动换行
1234
1234层标签,使用多少就占用多少12345
ol有序列表
  1. 自带序号,序号不可选中
  2. 自动换行
  3. 默认:ol前后自动换行并保持一行空行
ol换为ul则为无序列表

 

转载于:https://www.cnblogs.com/qq450867541/p/5997541.html

你可能感兴趣的文章
WPF DataGrid 之数据绑定
查看>>
c语言之gdb调试。
查看>>
位反转的最佳算法
查看>>
常用面试问题
查看>>
第一个爬虫
查看>>
Java面试知识点之Java基础
查看>>
老外的前端面试题
查看>>
架构:新浪架构师谈微博架构
查看>>
SQL 语句速查
查看>>
女孩·有义务让男孩走向成熟,·男孩·有责任让女孩学着长大(精简版)
查看>>
discuz 删除指定条件的资讯
查看>>
Android上下文菜单ContextMenu
查看>>
JavaScript Number 对象 Javascript Array对象 Location 对象方法 String对象方法
查看>>
Python & Django 学习笔记
查看>>
python第四天练习题
查看>>
【bzoj4543】Hotel加强版(thr)
查看>>
没有标题(1)
查看>>
React-Native学习手册----搭建基于ios平台的开发环境
查看>>
Android手机 Fildder真机抓包
查看>>
[stm32] 中断
查看>>