web前端——html篇

最新推荐文章于 2023-08-02 20:12:04 发布

打码不打你

最新推荐文章于 2023-08-02 20:12:04 发布

阅读量198

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/small1134/article/details/126144613

版权

本篇文章主要记录自学HTML的笔记性文章，如有错误，欢迎留言指出

HTML概述

HTML，超文本标记语言

基本结构

HTML文件由文件头（head）和文件体（body）两部分组成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/ strict.dtd>
<html>
  <head>
     <title>标题</title>
  </head>
  <body>
      文档主体
  </body>
</html>

输入完成后保存，保存时，将文本保存类型设为“*.*”,文件名随意，但后缀必须是html或htm

其中，"<"和">"括起来的单词，叫做元素

双标签：又开始标签和结束标签两部分组成，必须成对使用，如<div></div>。

单标签：某些标签单独使用就可以表达完整意思，如换行<br>。

HTML的全局属性

HTML的全局标准属性

class:用于定义元素的类名。通常用于指向css样式表中的类，偶尔会通过JavaScript改变所有具有class的元素。而且，class属性通常用于<body>元素内部

id：用于指定元素的唯一id。该属性主要作用是可以通过Javascript和css为指定的id改变或者添加样式，动作等。

style：用于指定元素的行内样式。

title：用于指定元素的额外信息。通常会在鼠标移到元素上时显式定义的提示文本。

accesskey：用于指定激活某个元素的快捷键。

tabindex：用于指定元素在Tab键下的次序。

dir：用于指定元素中内容的文本方向。

lang：用于指定元素内容的语言。

示例代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meat http-equiv="content-type" content="text/html;charset=utf-8">
    <title>事件</title>
  </head>
  <body>
    输入文本框：<input type="text" id="source"><br />
    <button onclick="document.getElementBYID('target').value=document.getElementBYID('source').v 
alue;"/>单击将复制文本到文本框</button><br />
    目标文本框：<input type="text" id="target" /><br>
  </body>
</html>

HTML的元素

指从开始标签到结束标签的所有代码，如：

开始标签	元素内容	结束标签
<p>	这是一个段落标签	</p>
<a href="指定链接目标的url地址">	这是一个连接标签	</a>
<br>	这是一个换行标签

HTML的主体元素

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<mate http-equiv="content-type"content="text/html;charset=utf-8">
<title>标题</title>
</head>
<body>
 文档主体
</body>
</html>