博主信息
博文 13
粉丝 1
评论 0
访问量 11019
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
0402HTML基础知识学习
扬美刘
原创
837人浏览过

学习体会

网页组成

网页就是由超文本组成的,超文本主要由三部分组成:

  • 1)文本内容,即就是文字;
  • 2)其它引用媒体,如图片、视频、音频等;
  • 3)标签,就是用来区别不同内容形式的标记,不同的内容、属性就通过标签来实现;

PS:不同的元素有不同的标签,要了解标签的用法、注意语法结构、书写格式;


html 结构

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
这里就是网页的主要内容
</body>
</html>

PS:页头不同见的标签虽然可默认生成,但也很重要,也要了解;


元素、属性和值

网页是由众多的不同元素组成,元素有空和非空元素,一般有头有尾的,如<a href="">链接</a>或者<div>内容</div>这样的,叫非空元素,只有单个的,如<img src="">,<input name="">这样的空无素;

PS:这些元素要注意标签的闭合,以免出错;

元素的属性,属性用来描述元素的具体内容,主要有三大属性,ID,class,style,如路径、大小,颜色,边界,属性有值,就是指所描述的物体的具体数据,如width:50pt,color:red;等等;

PS:一个网页中,ID需要唯一性,否则有些JS功能会失效;name也最好唯一;


层级关系

元素有层次关系,一层一层的,不能乱套;

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>

<body>
<div>
<div>
<form>
<input name="a">
<input name="b">
</form>
</div>
</div>
</body>


命名和语法

  • 文件和文件件名命名都用小写,用html而不用htm;
  • 要养成良好的书写习惯,中间划画和下划线要区分,一般在url中可能用到的,用-中划线,而在代码是,命名变量函数等,一般用_下划线;

URL、路径和文件名

  • 网页协议有多种,常用的有http,https,ftp,mailto等;
  • url是全球资源定位符,全球唯一;
  • url有绝对一相对之分,带有http之类开头的,都是绝对路径,而../开头的、或/开头的,或者直接用文件夹或文件名的,都是相对url;

PS:一般网站内部都用相对路径,而链接到外部网站,用绝对路径;


默认样式和指定样式

一般地,如果不指定元素的样式,浏览器会为元素加上默认值,但不同的浏览器的默认值是不同的,不同的用户设置的默认值也不同,所以同一个网页在不同的浏览器不同的用户界面下是不一样的,为了统一样式,一般都要为元素指定样式,这样在不同的浏览器下面,不同的用户设置下面,浏览到的效果是基本一致的。

2020-4-3
ymlll

批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:手写呢?
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系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+教程免费学