微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 博客列表 > 前端入门：4.2html基础接触。
博主信息
博文 8
粉丝 0
评论 0
访问量 7029
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
前端入门：4.2html基础接触。
zero
原创
903人浏览过

html 基础

1.网页的组成

任何一个页面都有三部分

序号 内容 描述
1 文本内容 用户可见的内容，如新闻，电话
2 其它资源引用 图片，视频，音频
3 标记（标签） 对文本，其它资源的描述 
  1. <p>我是php中文网的学生，zero</p>
  2. <img src="logo.png" ait="log" />

2.html 设计思想

  • 超文本：是指包括了超链接的文本
  • 预定义标记：是用来描述内容的固定标签
  • 语言：html 并不是编程语言,只是用来书写 html 文档的工具

3. html 页面结构

Emmet:用来快速生成 html /css 语句

  1. <!DOCTYPE html>
  2. <!--通知浏览器，我是一个html5文档 -->
  3. <html lang="zh-CN">
  4.   <!--html:根标签/根元素-->
  5.   <head>
  6.     <!--head中的内容，用户不感兴趣，或者不需要用户看到，给浏览器/开发者看-->
  7.     <!--元数据：描述某种特定信息的数据-->
  8.     <meta charset="UTF-8" />
  9.     <!--当前字符集是utf-8 -->
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11.     <!--viewport:视口/可视区屏幕-->
  12.     <title>当前页面的标题</title>
  13.   </head>
  14.   <body>
  15.     <!--这里面是用户真正看到的内容-->
  16.     <h2>hello</h2>
  17.   </body>
  18. </html>

4.元素，属性，和值

4.1 元素与标签描述

元素 标签 描述
非空元素 双标签 <p>这是双标签示例</p>
空元素 单标签 <img src=“logo.jpg” alt=“空元素单标签示例”

4.2 属性和值

  • 属性写在起始标签中 示例：<h2 style="color: chocolate;">php 前端开发</h2>
  • 值：预定义值，字符串，指定格式，数值，布尔值
  • 布尔值：只要在元素中出现这个属性，就代表他是 true，如果你不需要它，就不要写
  • 几乎所有元素都可以设置的三大通用属性：id,class,style

5.网页中的实体字符

  • 空白的处理：空格，制表符，换行符，

6.文件与文件夹

  • 全部使用小写
  • .html,.htm
  • 文件名：hello_world.php

7.URL

7.1 语法

  • URL：统一资源定位符,互联网上的任何一个文件/资源必须要有一个唯一的访问地址
  • URL：

https：//www.lzpd.net/course/123.html

  • http/https：协议，模式
  • www.lzpd.net 域名/主机名
  • course/123.html：访问的资源在服务器上的真是路径

朱老师讲的专业，由于接触了SEO而想学习建站。4.2号得课程让我有了大致得了解。努力不可补作业好尽早跟随节奏

批改老师：天蓬老师天蓬老师

批改状态：合格

老师批语：少了手写部分, 你应该是刚入学的吧, 下次看清作业要求
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系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学习

  • 技术支持

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录