博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html基础
阅读量:5828 次
发布时间:2019-06-18

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

本章内容 一、HTML网页的基本结构

1、HTML——超文本标记语言,浏览器解析html标记后,展示内容

2、H5——HTML5(目前流行较火的)

3、网页的基本结构 3.1 静态网页的扩展名_htm或html

  3.2 新建网页的步骤:

     A、新建文本文档,更改扩展名为htm或html

     B、编写网页的基本结构,并保存

     C、双击html文件,在浏览器中运行

   3.3 网页的基本结构

    <html>  

      <head>

         <title>网页的标题</title>

      </head>

      <body> 这里是网页要显示的内容

      </body>

        </html>

4、HTML语言的特点 标记,大部分的都是成对出现 不区分大小写 浏览器解析html标记

二、使用相关的标签进行排版

1、网页的标题 <title></title>

2、标题标签 <h1>到<h6> 数字越大,标题越小

3、段落标记——<p></p>

4、换行——<br/>

5、水平线——<hr/>

6、HTML中的注释和特殊的符号——P15页

注释:<!--  --> 特殊的符号.....

三、在网页中插入图片 <img src=图片路径 alt=替换的文字 title=鼠标移动到图片上时的提示文字 width=宽 height=高/>

注意: <img/>标记中,src属性必须有

**图片路径:相对路径和绝对路径

1、相对路径,不出现有磁盘名字的路径 ../表示上级目录 ../../当前目录的上一级目录

2、绝对路径——有磁盘名字的路径 C:\Documents and Settings \Administrator\桌面\html\1.JPG ***网页中,使用相对路径

四、超链接

1、通用语法: <a href=路径 target="_self|blank">超链接显示的文字</a>

2、作用:页面导航

3、锚记 1>先设置锚记名: <a name="锚记名">  </a>

2>超链接访问【当前页面】中的锚记? <a href="#锚记名"></a>

4、打开邮箱发送邮件 <a href="mailto:邮箱名"></a>

转载于:https://www.cnblogs.com/luocixin/p/6867416.html

你可能感兴趣的文章
选择排序
查看>>
wpf datagrid 遍历行
查看>>
SQL Server 数据库的数据和日志空间信息
查看>>
Go语言的for循环
查看>>
前端基础之JavaScript
查看>>
ThreadLocal
查看>>
自己动手做个智能小车(6)
查看>>
2018.7.9练习
查看>>
自己遇到的,曾未知道的知识点
查看>>
P1382 楼房 set用法小结
查看>>
分类器性能度量
查看>>
Es学习第七课, term、terms、match等基本查询语法
查看>>
java 解析http返回xml数据
查看>>
windows 环境下切换 python2 与 pythone3 以及常用命令
查看>>
HashMap和Hashtable的差别
查看>>
ASP.NET Core学习网站推荐
查看>>
FIDDLER的使用方法及技巧总结[连载2]---FIDDLER用户界面
查看>>
java连接MySQL数据库操作步骤
查看>>
Node.js 从入门到茫然系列——入门篇
查看>>
武汉科技大学ACM :1006: A+B for Input-Output Practice (VI)
查看>>