HTML的编辑基础(新手必看篇)

这次给大家带来html编辑基础(新手必看篇),下面就是实战案例,一起来看一下。

打开DREAMWEAVER,新建HTML。。

body的属性:

bgcolor                页面背景色

background            背景壁纸、图片

立即学习“前端免费学习笔记(深入)”;

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

 

格式控制标签:

分别控制字体的颜色、字体和大小。

                字体加粗

     字体加粗

                   倾斜

             倾斜

                下划线

      居中


            相当于回车

                   表示空格,Ctrl+shift+space

内容容器标签:

            标题,会自动换行。HTML标题是                                           

    . . .                通过

等标签来定义的。

              段落标签(段落之间空行)

           层标签(默认占用一行)

       层标签(默认用掉多大空间占用多大空间)

 

        有序列表,序号为1,2,3….,引号中可以更改序号的形式

   

内容

   

内容

                 上面的ol改为ul则变为无序号列表

 
 

“../”            表示上级目录

“./”             表示当前目录

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

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

超链接标签:

超链接文字        –在新窗口打开

还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。

图片标签:

文字

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。

title可以添加图片描述,鼠标放在图片上时可以显示描述。

表格:

表格

width:宽度。可以用像素或百分比表示。 常用960像素。

border:边框,常用值为0。

cellpadding:内容跟边框的距离,常用值为0。

cellspacing:单元格与单元格之间的间距,常用值为0。

algin:对齐方式。

bgcolor:背景色。

background:背景图片。

align:一行内容的水平对齐方式。

valign:一行内容的垂直对齐方式。

height:行高。

bgcolor:背景色。

background:背景图片。
 

单元格

表头,单元格的内容自动居中、加粗

align:单元格内容的对齐方式。

valign:单元格的内容的垂直对齐方式。

width:单元格宽度。

height:单元格高度。

bgcolor:背景色。

background:背景图片。

内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

设置单元格行高、列高时,会同时影响对应的行或列。

单元格合并:(建议尽量用表格嵌套)

colspan=“n”合并同一行的单元格(后面写代码要减去相对应的列)

rowspan=“n”   合并同一列单元格(从第二行开始减去相对应的列)

相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

怎样用h5的sse服务器发送EventSource事件

h5如何实现记住密码功能

HTML的table鼠标拖拽排序该如何实现

以上就是HTML的编辑基础(新手必看篇)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545598.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:08:03
下一篇 2025年12月21日 17:08:13

相关推荐

  • html的特殊字符-css3 content:”特殊符号”应该如何使用

    这次给大家带来html的特殊字符-css3 content:”特殊符号”应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。 项目中用到的一些特殊字符和图标 html代码 css代码.cross{ width: 20px; hei…

    好文分享 2025年12月21日
    000
  • html里的列表标签有哪些?

    这次给大家带来html里的列表标签有哪些?,使用html里的列表标签的注意事项有哪些,下面就是实战案例,一起来看一下。 dl>定义列表, 定义列表中的项目,对项目的描述 无序列表,列表项 有序列表,列表项 相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章! 立即学习“前端免费…

    好文分享 2025年12月21日
    000
  • html中频繁用的标签总结

    这次给大家带来html中频繁用的标签总结,哪些是html中频繁用的标签,下面就是实战案例,一起来看一下。 内容详细标签: ~ 标题标签 格式化文本下划线(underline)斜体字(italics)引用,通常为斜体强调文本通常为斜体加重文本,通常为黑体设置字体、字体大小、颜色等字体变大和字体变小加删…

    好文分享 2025年12月21日
    000
  • HTML文本格式化的实例详解

    这次给大家带来html文本格式化的实例详解,html文本格式化的注意事项有哪些,下面就是实战案例,一起来看一下。 一,文本格式化:此例演示如何在一个 HTML 文件中对文本进行格式化 This text is bold This text is strong This text is big Thi…

    好文分享 2025年12月21日
    000
  • html页面公共样式有哪些

    这次给大家带来html页面公共样式有哪些,使用html页面公共样式的注意事项有哪些,下面就是实战案例,一起来看一下。 body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td…

    好文分享 2025年12月21日
    000
  • 语义化的HTML结构有哪些对于对网站的优化

    这次给大家带来语义化的html结构有哪些对于对网站的优化,语义化的html结构的注意事项有哪些,下面就是实战案例,一起来看一下。 一: 1. 语义化标签只是HTML,CSS不存在语义化。HTML是标签,CSS是属性。 2. 语义化标签简历在文档化页面的基础上面,将网页当做是一个文档,DOM中的D(d…

    好文分享 2025年12月21日
    000
  • HTML的基本结构有哪些

    这次给大家带来html的基本结构有哪些,设计html基本结构的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML简介 HyperText Markup Language:超文本标记语言 HyperText:超文本(文本 + 图片 + 视频 + 音频 + 链接) Markup Language…

    好文分享 2025年12月21日
    000
  • html代码在编写过程中的一定要注意的三点

    这次给大家带来html代码在编写过程中的一定要注意的三点,编写html代码的注意事项有哪些,下面就是实战案例,一起来看一下。 本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。 1.内联标签…

    好文分享 2025年12月21日
    000
  • html以及css的常用用法

    这次给大家带来html以及css的常用用法,html以及css用法的注意事项有哪些,下面就是实战案例,一起来看一下。 我将利用三天的时间来完成制作京东首页的静态页面效果,其中包含的内容有html以及css。 1、在开发进行之前,首先要配置开发环境:我们需要安装sublime  webstorm  v…

    好文分享 2025年12月21日
    000
  • HTML中的meta设置方法

    这次给大家带来html中的meta设置方法,html中设置meta的注意事项有哪些,下面就是实战案例,一起来看一下。 立即学习“前端免费学习笔记(深入)”; <!– –> <!– –> <!– –&…

    好文分享 2025年12月21日
    000
  • 在HTML元素中如何嵌入图像

    这次给大家带来在html元素中如何嵌入图像,在html元素中嵌入图像的注意事项有哪些,下面就是实战案例,一起来看一下。 1 在超链接里嵌入图像 img元素的一个常见用法是结合a元素创建一个基于图像的超链接,代码如下: @@##@@ 浏览器显示这张图片的方式没有什么不同。因此,重要的一点事要向用户提供…

    好文分享 2025年12月21日
    000
  • HTML的标记文字详解

    这次给大家带来html的标记文字详解,html的标记文字的注意事项有哪些,下面就是实战案例,一起来看一下。 .用基本的文字元素标记内容 对应HTML代码: Learn4Font 元素 b —— I am the example. 元素 em —— I am the example.立即学习“前端免费…

    2025年12月21日
    000
  • 基于HTML如何做出多图上传预览效果

    这次给大家带来基于html如何做出多图上传预览效果,基于html做出多图上传预览效果的注意事项有哪些,下面就是实战案例,一起来看一下。 自己最近写了一个网页多图上传的脚本,感觉挺实用的,细节就不要说了,直接贴代码了~ .pro_img{ margin-left:10px;margin-top:10p…

    好文分享 2025年12月21日
    000
  • Html怎样对图片实现checkbox方法

    这次给大家带来html怎样对图片实现checkbox方法,html对图片实现checkbox方法的注意事项有哪些,下面就是实战案例,一起来看一下。 如果需要使用图片来实现checkbox的使用,可以使用来实现,实现原理是将label表签代替checkbox的显示,将checkbox的display设…

    好文分享 2025年12月21日
    000
  • 怎样做好语义化和优化HTML

    这次给大家带来怎样做好语义化和优化html,做好语义化和优化html的注意事项有哪些,下面就是实战案例,一起来看一下。 1、什么是语义化? 必应网典的解释 语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTM…

    好文分享 2025年12月21日
    000
  • Html网页表格结构化标记该如何使用

    这次给大家带来html网页表格结构化标记该如何使用,html网页表格结构化标记使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Html表格的结构化 所谓的结构化,就是把我们的表格划分为三种:表头、表体、表尾。从而当我们在修改表体部分的时候,不会影响到其它两部分,从而解除了耦合,方便我们的应用…

    好文分享 2025年12月21日
    000
  • HTML table的直列化格式是什么

    这次给大家带来html table的直列化格式是什么,使用html table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。 直列化格式 … 个别直列设置 立即学习“前端免费学习笔记(深入)”; 格式: 功能完全和 一样 注意设置第一行的DOCTYPE为xhtml会导致c…

    2025年12月21日
    000
  • HTML Form表单元素的详解

    这次给大家带来html form表单元素的详解,使用html form表单元素的注意事项有哪些,下面就是实战案例,一起来看一下。 注册表单 请输入如下的信息然后进行注册 用户名: 密码: 确认密码: 性别: 男 女 性别(可以点文字选择): 请选择性别 男 女 城市: 北京 深圳 上海 南昌 城市所…

    好文分享 2025年12月21日
    000
  • 浅谈使用HTML空链接的技巧

    这次给大家带来浅谈使用html空链接的技巧,使用html空链接的注意事项有哪些,下面就是实战案例,一起来看一下。 空链接: 就是没有目标端点的链接。 格式显示内容 空连接的作用 立即学习“前端免费学习笔记(深入)”; 1.设为首页 onclick=”this.style.behavior…

    好文分享 2025年12月21日
    000
  • html标题,段落,换行,水平线,特殊字符应该如何使用

    这次给大家带来html标题,段落,换行,水平线,特殊字符应该如何使用,在html使用标题,段落,换行,水平线,特殊字符的注意事项有哪些,下面就是实战案例,一起来看一下。 一级标题    二级标题    对齐方式有left,center,right三种,缺省表示left 段落 立即学习“前端免费学习笔…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信