简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 前端入门：4.2html基础接触。
Blogger Information
Blog 8
fans 0
comment 0
visits 5598
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
前端入门：4.2html基础接触。
zero
Original
750 people have browsed it

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号得课程让我有了大致得了解。努力不可补作业好尽早跟随节奏

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：少了手写部分, 你应该是刚入学的吧, 下次看清作业要求
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！