![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
#author("2024-09-23T15:09:44+09:00","default:pengwei","pengwei") #author("2024-09-23T15:35:36+09:00","default:pengwei","pengwei") *[[html]] [#g5359f65] **HTML的基本 [#m5dfaead] 在现场能使用的最低限度的知识好好地掌握的HTML/CSS设计TextBook -不区分大小写 HTML不区分大小写。 <title>和<TITLe>都一样。 但是在扩展了HTML的XHML中只能使用小写字母。 因此，一般都统一小写字母。 -空白文字的处理 半角空格 tab制表符 换行（CR，LF） 分页（FF） 以上4个叫做空白文字。 但是全角空格是作为文字来处理的。 在HTML中，空白字符如下处理。 在多个空白字符连续排列的情况下，将它们整体显示为一个零空间 忽略块级元素（p元素、h1-h6元素、body元素等）的开始标签和结束标签前后的空白字符 -元素属性 通过赋予属性，可以向元素添加附加信息。 https://wiki.weihuasoftware.com/img/html_1727071268303.png <meta charset="UTF-8"> 将Charset的属性名称为“UFT-8”的部分称为属性值。 可以将属性应用于class、id、lang等所有元素的称为全局属性。 属性值以用“或”圈起来。 但是，如果属性值仅包含字母数字（0-9）、连字符（-）、句点（.）、下划线（_）和冒号（：），则可以省略引号 <img str="" width="460px"> <img str="" width='460px'> <img str="" width=460p"> コードブロック 出处：掌握最基本的现场使用知识HTML/CSS设计TextBook -元素的亲子关系 <body> <p>webページ</p> </body> 出处：掌握最基本的现场使用知识HTML/CSS设计TextBook 在上面的例子中，body元素称为父元素，p元素称为子元素。 html元素的子元素是body元素，html元素的后代元素是p元素，p元素的祖先元素是html元素。 HTML文档的结构 文件型声明 HTML文档的开头是<!写DOCTYPE html>。不区分大小写。 如果你不写这个，就会进入兼容模式，模拟不支持CSS的旧浏览器的操作。 一定要写下来。 html元素 通过指定html元素的lang元素，你可以指定在页面中使用的语言。 例如以下的例子就指定了这个页面使用的语言是日语。 < html yes =" ja "> …… </ html > 出处:掌握最基本的现场使用知识HTML/CSS设计TextBook lang属性的指定虽然不是必须的，但是在搜索园辞职特定语言，自动翻译的时候会被使用所以适合比较好。 head元素 描述Web页面的元信息。 什么是元信息 标题 制作日期 注释 等与数据相关的附加信息。 meta元素 在head中描述，表示一般的元信息。 属性名称说明 指定charset字符-代码 与content name元素或http-equiv一起使用，指定元数据的属性值 HTTP -equiv指定用于HTTP头的属性名。可以指定content-language,content-type,default-style,refresh等4个关键字的，用内容属性指定值。 name指定元数据的属性值。auther, keywords,五十等指定的值,content指定属性的值。 这样就可以指定以下的元信息。 指定Web页轩词是“IT”和“IoT”。 <meta name=“keywords”content=“IT,IoT”> 出处:掌握最基本的现场使用知识HTML/CSS设计TextBook Web网页的概要是“qiita的网页。”指定是。该概要在搜索引擎搜索时作为Web页面的说明被显示。 <meta name="description" content="qiita的页面。"> 出处:掌握最基本的现场使用知识HTML/CSS设计TextBook 10秒后转移到http://www.example.com
