01_html

最新推荐文章于 2024-09-10 14:15:01 发布
最新推荐文章于 2024-09-10 14:15:01 发布
阅读量269 收藏
点赞数
分类专栏： d_html/css/javascript 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qd_liyp/article/details/8630321
版权
主要内容
l 页面
l 字体和文字布局
l 图象
l 表单和表格
l 框架
l 会移动的文字
l 多媒体
 
1、什么是html
l HTML 全称是 Hyper Text Markup Language 网页超文本标记语言，也是全球广域网上描述网页内容和外观的标准。它本身不会在浏览器中显示，而是经过浏览器的解释和编译，才能正确的反应 HTML 标记语言的内容。记住 html 不是编程语言，而是一种描述性的标记语言。
l 编写方法

  1)记事本。

  2)常用工具有Dreamweaver

2、页面
l 基本结构

<HTML>

<HEAD>

   <title>标题名称</title>

</HEAD>

<BODY>

   HTML 文件的正文写在这里... ...

</BODY>

</HTML>
 
l <body> 的属性 :

  bgcolor text background leftmargintopmargin

  link alinkvlink

  色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

l 链接

  <a href="URL“ target=“windowname”>... </a>

l 标尺线 <hr> 的属性：
  size color width align
 
3、字体和布局
l 标题字体

  <h#>…</h#> #=1,2,3,4,5,6

  注意：

  <hn>---</hn> 这些标记显示黑体字

  <hn>---</hn> 这些标记自动插入一个空行，因此在一行中无法使用不同大小的字体。 

l <font> 标记

  用来控制字体,字号,文字颜色等属性

  <font size=#>…</font> #=1,2,3,4,5,6,7

  其它属性：color、face等

l 其它字体： <b> 、 < i > 、 <u> 等
l 特殊符号： & lt ;<  & gt ;>  & nbsp ;

  &amp;&  &yen;￥  &quot;”

 

l 换行标记

  段落<p>,分区(块)<div>,原样显示<pre>,换行<br>,不换行<nobr></nobr>

l 无序列表和有序列表

  <ul type=#><li>...</ul> #=disc,circle,square

  <ol type=#><li>...</ol> #=1,a,A..

 

4、图像

l 链入图像

  <imgsrc=# alt=# width=# height=# border=#>

l 给图片加超链接

  <a href=“url"><imgsrc=""><a>

 

l 绝对路径是将图片的全部路径都写出来。
l 相对路径是相对于当前文件所在的路径。
l 相对路径名的使用规则如下：

1：没有路径名表示图象和html文件在同一个目录下

2：路径名/  表示下一级的目录

3：../  表示上一级的目录

4：以/开始  表示从跟目录开始

 

5、表单和表格

l 表单的基本语法

 <form action="url" name=“form1”method=*>
...
</form>

 *=GET, POST  url=指定表单数据提交到哪个地址进行处理

l Form 用来创建一个表单，是一个容器，用来包含其它元素，比如：文本框、文本域、单选框、多选框等等。

 

l Form 中可以包含下列一些表单控件元素：

1：input输入框，根据type属性可分为text(单行文本框)password(密码输入框)radio(单选框)checkbox(复选框)submit(提交按钮)reset(重置按钮)hidden、image、file

2：select下拉框元素，可包含option选项元素

3：textarea多行文本输入框元素

 

l 表格的基本语法

  <table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头(一般用于重点显示第一行文字)

  <td> - 定义单元格

 

l 表格的属性

  <table border=# width=# height=# align=# background=# bgcolor=#>

 

l 跨多行和多列的元素

  跨多列的表元：colspan=#

  跨多行的表元：rowspan=#

 

6、框架

l 基本语法

  <frameset cols=“30%,70%”>

  <frame src=“url1”>

  <frame src=“url2”>

  </frameset>

  <noframes>…</noframes>

l 常位于 </head> 和 <body> 标签之间

 

7、会移动的文字

l 基本语法：

  <marquee>…</marquee>

  <marquee><imgsrc=“”></marquee>

l 文字移动的属性：

  方向 direction=# #=left,right,up,down

  循环 loop=# #=次数

  速度 scrollamount=#

 

8、多媒体页面

l 在页面中嵌入多媒体文本：如电影、声音等

  基本语法：<embed src=# width=## height=##>

  #=文件的URL

l 背景音乐

  <bgsoundsrc=# loop=##>

  #=文件的URL ##=循环数

 

 

李_逍遥
关注
专栏目录
21php01_html
03-19
在这个"21php01_html"的学习资源中，我们将深入探讨HTML的基本概念、语法结构以及如何应用于实际的网页开发。 1. **HTML基础**： HTML由一系列的元素组成，每个元素都有自己的标签。这些标签告诉浏览器如何显示...
21php01_html_Huong
03-30
【标题】"21php01_html_Huong" 指的可能是一个关于HTML学习的教程或者项目，其中“21php01”可能是课程编号或者是时间标识，“html”明确了内容与HTML（HyperText Markup Language）相关，而“Huong”可能是教程作者...
Day01_HTML基本标记.zip
09-15
在"Day01_HTML基本标记.zip"这个压缩包中，我们将会探索HTML的基本元素和结构，这是学习网页设计的第一步。 首先，HTML文档由一系列的元素组成，每个元素都是通过标签来定义的。例如，`<html>`标签是整个文档的根...
01_HTML与CSS.xmind
11-16
01_HTML与CSS.xmind
Lesson01_01 HTML基础
10-31
- **版本历史**：自1990年代初期问世以来，HTML经历了多个版本的更新，包括HTML 2.0、HTML 3.2、HTML 4.01以及最新的HTML5标准。 #### 2. HTML文档结构 - **基本结构**：一个典型的HTML文档由`<!DOCTYPE html>`声明...
showModalDialog
qd_liyp的专栏
03-20 687
关于JS弹出新窗口 (模式对话框showModalDialog) 肯定很多人都知道window.open()是在JS里用来打开一个新的窗口的.做什么呢,,多了... 但是有时候是想在子窗口没有关闭的时候不能操作主窗口的,怎么办呢,,原来还有一个方法 window.showModalDialog(url,"","")关于它的相关设置可排渡一下,同时,它是可返回值的, var va= window
单双引号转换
qd_liyp的专栏
03-20 680
//替换半角单引号为全角单引号 str=str.replace(/\'/g,"’"); //替换半角双引号为全角双引号 str=str.replace(/\"/g,"”");
json与string相互转换
qd_liyp的专栏
03-20 619
object 转 stirng function obj2str(o){    var r = [];    if(typeof o == "string" || o == null) {      return o;    }    if(typeof o == "object"){      if(!o.sort){        r[0]="{"        for(va
首页变灰色
qd_liyp的专栏
03-20 574
把自己的网站首页风格改变为灰。 修改网站首页CSS样式表文件： 添加代码：html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
回车键提交
qd_liyp的专栏
03-20 448
function   bodyOnKeyDown(intKeyCode) { if(intKeyCode==13) {  document.getElementById("idname").click(); } }
HTML 揭秘：HTML 编码快速入门
m0_53117341的博客
09-09 1146
HTML 揭秘：HTML 编码快速入门一 . 前端知识介绍二 . HTML 介绍三 . HTML 快速入门四 . HTML 编辑器 - VSCode4.1 插件安装4.2 修改主题配色4.3 修改快捷键4.4 设置自动保存4.5 创建 HTML 文件4.5 书写 HTML 代码4.6 常见快捷键五 . 基础标签5.1 字体标签5.1.1 color 属性5.1.2 size 属性5.1.3 face 属性5.2 i 标签、b 标签5.3 hr 标签5.4 br 标签5.5 center 标签5.6 练习5.
How can I load the openai api configuration through js in html?
suiusoar
09-07 741
怎样在HTML中通过JavaScript加载OpenAI API配置
前端用html写excel文件直接打开
最新发布
全易
09-10 392
html文件直接用excel打开
HTML转义字符对照表
云博客_资源宝分享
09-10 789
HTML转义字符对照表
深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换
软考鸭
09-09 832
的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用Puppeteer（一个无头Chrome浏览器）来实现HTML的渲染和截图功能。Cluster：来自库，用于管理无头浏览器的并发执行。Screenshot：自定义的截图模型。：执行截图操作的函数。Options和：类型定义，用于确保传入参数的合法性。本文通过对的main.ts源码的深入解析，揭示了该库如何将HTML内容转换为图片的内部工作原理。
使用HTML
nice66660的博客
09-09 702
a>
(代码可运行)Bootstrap框架的HTML示例
Keep trying, keep going
09-10 597
Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。等类），可以快速构建一个美观且响应式的Web应用。请将这段代码复制到一个HTML文件中，并在浏览器中打开以查看效果。这个示例展示了一个简单的响应式布局，包括一个居中的标题和三个卡片组件。通过使用Bootstrap的栅格系统（以下是一个使用Bootstrap构建的。
HTML 图片
qq_40107571的博客
09-07 530
HTML 图片
用Javaweb创建一个动态网站，以”班级_号数_姓名全拼_工程编号”命名，如”01_01_zhangsan_01”表示1班1号姓名为张三的第1个工程
09-10
比如"01_01_zhangsan_01"表示1班1号，姓名全拼为张三的第1个工程。 ``` 这个命名规则可以用作数据库中的一个字段，用来唯一标识每个学生参与的工程。例如，在一个名为`student_projects`的表中，可以有一个字段`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值