(一)HTML简介

举报
野猪佩奇996 发表于 2022/01/23 02:02:01 2022/01/23
【摘要】 1.语言介绍 网页使用的建材都是HTML标签,然后用CSS进行装修。 HTML是网页内容的载体,内容不只有文字,所以叫超文本。 CSS(Cascading Style Sheets)即层叠样式表,负责网页元素的样式与布局。 HTML由标签组成,<xxx>,HTML标签主要分两类,两边封闭的以及自封闭的。 (1)两边...

1.语言介绍

网页使用的建材都是HTML标签,然后用CSS进行装修。

HTML是网页内容的载体,内容不只有文字,所以叫超文本。

CSS(Cascading Style Sheets)即层叠样式表,负责网页元素的样式与布局。

HTML由标签组成,<xxx>,HTML标签主要分两类,两边封闭的以及自封闭的。

(1)两边封闭的标签如:<html></html>  <head></head>  <title></title>  <div></div>等,都是成对出现的,其中第一个标签是开始标签(开放标签),第二个标签是结束标签(闭合标签)。

(2)自封闭的变迁如:<img> <meta> <input>等,都是单个出现的,并且刑如<xxx>。

标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<html>里嵌套<span>,那</span>必须放在</html>的前面。如:

<html><span>hello world</span></html>
 

2.HTML基本结构

“所有的房子都有一个相同的基本结构”


  
  1. <html>
  2. <head>...</head>
  3. <body>主体</body>
  4. </html>

其中,<html></html>是房子的地基,所有的建筑都要在地基上才能完成。

<head></head>是房子的头标签,它包含一些关于网页的信息。

<body>和</body>标签之间的内容都是网页的主要内容,如果<h1>、<p>、<a>、<img>等网页内容标签,

<head>和</head>中间的部分包含了关于网页的各种属性和信息,通常这些信息是呈现给浏览器的,用户无法看到其内容。比如<link>标签定义了当前网页文件与外部资源的关系;<meta>可以用来定义网页使用的编码类型,还可以用来记录一些信息。例如:小明施工队偷偷在客户家的<head></head>标签里写下如下(类似“XX到此一游”)。

<meta name="author" content="小明出品">
 

<head></head>下的<title></title>中的内容,会被浏览器显示在窗口的标题栏上。<body></body>是网页内容的主题,它包含文档中诸如文本、超链接、图像、表格和列表等内容。

【常用标签描述】

标签

描述

封闭类别
html 定义HTML文档 两边封闭
head 定义关于文档的信息 两边封闭
meta 定义关于HTML文档的元信息,比如作者、关键字等 自封闭
title 定义文档的标题 两边封闭
link 定义文档与外部资源你的关系 自封闭
script 定义客户端脚本,比如JavaScript 两边封闭
style 定义文档的格式信息 两边封闭
body 定义文档的主题 两边封闭
div 定义文档中的节,一般用作存放元素的内容 两边封闭
p 定义段落 两边封闭
a 定义锚,可对其添加href属性,形成跳转链接 两边封闭
img 定义图像 自封闭
table 定义表格 两边封闭
form 定义供用户输入的HTML表单 两边封闭
br 定义简单的折行 自封闭

大多数标签是有属性的,写法如<input id="1" value="1">或<a href="xxx"></a>,即属性名=属性值的形式。

【标签的常用属性描述】

3.标签基础

4.标签第一弹

<p>hello world</p>
 

<p></p>定义了一个段落。

5.初识CSS

CSS(层叠样式表)是用来表现HTML文件样式的计算机语言,就像网页的外衣。比如标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为CSS。

6.CSS改变样式

<p></p>标签中的字体变为红色(默认是黑色的)。


  
  1. <style>p{color:red;}
  2. </style>
  3. <p>hello world</p>

文章来源: andyguo.blog.csdn.net,作者:山顶夕景,版权归原作者所有,如需转载,请联系作者。

原文链接:andyguo.blog.csdn.net/article/details/104265942

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200