博主信息
博文 2
粉丝 0
评论 0
访问量 1984
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html文件
herro
原创
1217人浏览过

1109

创建html文件

鼠标右键-新建文本文档-更改后缀名为.html。

注意事项

  • 可以用中文,但不建议

  • 不允许使用特殊字符

  • 推荐使用小写,驼峰模式

html标签

标签是html最基本的单位。用左右尖括号括起来< >。

  • 标签两种形式

    • 双标签

      <p>....</p>

    • 单标签

      <br/>

  • 标签属性

    • 语法
      <标签名 属性名1=”属性值” 属性名2= “属性值” ></
      标签名>

    1. 属性出现在标签中,是标签的一部分。

    2. 属性由属性名和属性值成对出现,属性值用双引号包起来。

    3. 多个属性值直接用空格隔开。

  • html颜色值设置

    1. 英文单词:yellow,red….

    2. 十六进制:#ff0000(#f00)红色

  • html代码格式

    用tab键缩进

  • html 实体字符


    1.  &nbsp;空格

    2.  &lt;>

    3.  &gt;<

    4.  &copy;版权符号

  • html注释

    <!--这是一个注释-->

html主体结构

<!DOCTYPE html> <!--声明头--><html>    <!--头部标签-->    <head>    </head>    <!--主体标签-->    <body>    </body></html>

声明头<!DOCTYPE html>告诉浏览器采用的是html5规范。

head中常用的标签

<head lang = "zh-cn"><--声明页面的主要语言,zh-cn是中文,en是英文--><title>网站标题</title><--设置网站的标题--><meta charset= "utf-8"><--设置字符集--><meta name= "keyworks" content="关键字1,关键字2"><--设置关键字--><meta name = "description" conten= "内容描述" > <--设置内容描述--><link rel = "icon" type ="" herf=""><--    rel :文档与被链接文档直接的关系    type:被链接文档的类型    herf:被链接文档的地址--><style></style>加载CSS样式<script></script>加载js

body中常用的标签

文本标签

    <p></p><--段落标签-->    <b></b><--加粗-->    <strong></strong><--强调-->    <i></i><--倾斜-->    <em></em><--倾斜-->    <u></u><--下划线-->    <del></del><--删除线-->    <hr/><--水平线-->    <br/><--换行-->    <sub></sub><--下标-->    <sup><sup><--上标-->    <details></details><--交互式控件、可见的或者隐藏的补充细节-->    <summery></summery><--为details定义标题-->    <dialog></dialog><--对话框-->

列表标签

1. 无序列表<ul>    <li>列表项1</li>    <li>列表项2</li>    <li>列表项3</li>    <li>列表项4</li></ul>2. 有序列表<ol>    <li>列表项1</li>    <li>列表项2</li>    <li>列表项3</li></ol>3. 自定义列表<dl>    <dt>表头</dt>    <dd>列表1</dd>    <dd>列表2</dd>    <dd>列表3</dd></dl>

超链接标签

<a></a><--属性:herf:链接的地址,target:页面打开方式    _self:自身页面打开    _bank:新窗口打开-->

多媒体标签

<img></img>图片<--属性    src:链接的图片地址    alt:替代文本--><audio></audio>音频<video></video>视频

语义化标签

<div></div><span></span><address></address><header></header><footer></footer>
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学