1.HTML基本结构

   头部《head》 主体《body》

<html><head></head><foot></foot></html>

常用编码

(1)      gb2312:简体中文,一般用于包含中文和英文的页面

(2)      ISO-885901:纯英文,一般用于只包含英文的页面

(3)      big5:繁体,一般用于带有繁体字的页面

(4)      utf-8:国际通用的字符编码,同样适用于中文和英文的页面

2.标题标签

<h1>\<h6>

3.段落标签

<p></p>

4.换行标签

<br/>

5.水平线标签

<hr/>

6.字体样式标签

加粗:<strong>……</strong>

斜体:<em>……</em>

8.注释标签

<!—注释内容-->

9.特殊符号标签

空格:&nbsp;

大于号:&gt;

小于号:&lt;

引号:&quot;

版权符号:&copy;

10.图像标签的基本语法

         常见的图像格式

(1)      JPG

(2)      GIF(支持透明色)

(3)      BMP

(4)      PNG(支持透明色)

<img  src=“图片地址” alt=“图像的代替文字”title=“鼠标悬停提示文字” width=“图片宽度” height=“图片高度”/>

11.连接的基本用法

<a  href=“链接地址”target=“目标窗口位置”>链接文本或图像</a>

绝对路径:指向目标地址的完整描述,一般指向本站点外的文件。

相对路径:相对于当前页面的路径,一般指向本站点外的文件。

A.       页面间链接:A页到B页,最常用于网站导航

<a  href=“链接地址”>链接文本或图像</a>

B.       锚链接:A页甲位置到A页乙位置或A页甲位置到B页的乙位置

<a  name=“标记名”>目标位置乙</a>

<a  href=“#标记名”>当前位置甲</a>

C.      功能性链接:在页面中调用其他程序功能 ,<a  href=“链接地址”>链接文本或图像</a>

二、列表

1.无序列表: <body> <h4>无序列表</h4>

                                 <ul>

                                               <li>内容</li>

                  </ul>

              </body>

Type属性的取值:      disc(实体圆心,默认值)

                                  square:(实体方心)

                                  circle:(空心圆)

2.有序列表:<body><h4>有序列表</h4>

                               <ol>

                                         <li>内容</li>

                         </ol>

              </body>

Type属性的取值:1(使用数字作为序号)

                                A/a(使用大写/小写字母作为项目序号)

                                 I(使用罗马数字作为项目序号)

3.定义列表:<body><h4>自定义列表</h4>

                                 <dl>

                                           <dt>内容</dt>

                                           <dd>内容</dd>

                  </dl>

              </body>

HTML的基本结构语法相关推荐

  1. Emmet语法(快速生成HTML结构语法、快速生成CSS样式语法)

    1. 快速生成HTML结构语法 生成标签直接输入标签名按tab键即可    比如div然后tab键,就可以生成<div></div> 如果想要生成多个相同标签加上*就可以了   ...

  2. 快速生成HTML结构语法(HTML、CSS)

    快速生成HTML结构语法(HTML.CSS) <!DOCTYPE html> <html lang="en"> <head><meta c ...

  3. C++ 之基本结构语法

    从语言的分类角度而言,C++是一种非常特殊的存在.属于高级语言范畴,但又具有低级语言的直接访问硬件的能力,这也成就了C++语言的另类性,因保留有其原始特性,其语法并不象其它高级语言一样易理解,但处理能 ...

  4. oracle 存储结构 语法 第一阶段

    现在开始进攻oracle 存储结构了 ,先从最基本的语法做起! 1 .创建存储过程 create or replace procedure test(var_name_1 in type,var_na ...

  5. mysql中修改表结构语法_MySQL表结构修改详解

    MySQL修改表的语法 ========================= 增加列[add 列名] ========================= ①alter table 表名 add 列名 列 ...

  6. sql server 修改表结构语法大全

    1.增加字段 alter table docdsp add dspcode char(200) 2.删除字段 alter table table_name drop column column_nam ...

  7. linux mysql修改数据表结构语法

    MySQL修改表的语法 ========================= 增加列[add 列名] ========================= ①alter table 表名 add 列名 列 ...

  8. 1900页Python系列PPT分享三:选择与循环结构语法及案例(96页)

    总体说明:本套PPT共约1900页,包含董付国老师Python系列图书<Python程序设计基础>(2017年7月第5次印刷).<Python程序设计(第2版)>(2017年9 ...

  9. C++ 炼气期之基本结构语法中的底层逻辑

最新文章

  1. AttributeError: module ‘seaborn‘ has no attribute ‘tsplot‘
  2. opencv 边缘检测
  3. 为什么安装Android SDK后无法安装flatform?
  4. EJB3.0 JPQL
  5. python教程循环语句,Python基础教程之循环语句(for、while和嵌套循环)
  6. ruby hash方法_Ruby中带有示例的Hash.rassoc(obj)方法
  7. 【读书笔记】《Javascript语言精粹》
  8. Python 之详解深拷贝和浅拷贝
  9. ceph osd 批量删除
  10. 设计模式--模板方法(Template Method)
  11. 中央企业经营管理一体化总体框架
  12. php网页源码学生请假考勤管理系统mysql数据库web结构html布局计算机软件工程
  13. Hprose轻松实现远程过程调用(RPC)
  14. 合金电阻分类与合金电阻详细参数介绍
  15. 第三方登录(百度账号登录)
  16. Winform VS2022解决:自定义控件类库没在工具箱出现问题
  17. html实时获取树莓派温湿度,在树莓派上获取美国天气预报
  18. 开源Api后台服务/管理系统 HoServer
  19. VMware卸载不干净导致无法重安
  20. Modra Pharmaceuticals于2021 ASCO GU年会公布其转移性前列腺癌IIb期临床试验初步数据

热门文章

  1. po,bo,vo,pojo,dto的区别
  2. 如何鉴别真假苹果原装20W快充头
  3. 如何为谷歌浏览器启用暗模式
  4. 软件测试-Mysql数据库3
  5. 微信小程序_文档_04_框架_视图层_WXS_WXSS
  6. linux find工作原理,Linux基础教程:find 与 xargs
  7. 阿里云 mysql 修改密码_阿里云mysql修改密码
  8. Bat_PNG转PDF,读取系统剪切板
  9. MySQL数据库实现主从同步
  10. 用Sample Grabber捕获视频