HTML&CSS 基础

标签 元素、属性 样式

我的第一个标题
我的第一个段落。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如  和 标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML 文档 = 网页HTML 文档描述网页HTML 文档包含 HTML 标签和纯文本HTML 文档也被称为网页Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容HTML 标题HTML 标题（Heading）是通过 
 - 
 等标签进行定义的HTML 段落HTML 段落是通过 
 标签进行定义的。浏览器会自动地在段落的前后添加空行。HTML 链接HTML 链接是通过  标签进行定义的。HTML 图像HTML 图像是通过  标签进行定义的。开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）HTML 标签对大小写不敏感：
 等同于 
。许多网站都使用大写的 HTML 标签。W3School 使用的是'小写标签'，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。'属性为 HTML 元素提供附加信息'。HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以'名称/值'对的形式出现，比如：name="value"。属性总是在 HTML 元素的开始标签中规定。'始终为属性值加引号'属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如'属性值本身就含有双引号，那么您必须使用单引号'，例如：name='Bill "HelloWorld" Gates'标题很重要请确保将 HTML heading 标签只用于标题。'不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引'。HTML 水平线
     
 标签在 HTML 页面中创建水平线。HTML 注释
      HTML 折行如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 
 标签：
This is
a para
graph with line breaks
'HTML元素'指的是从开始标签（start tag）到结束标签（end tag）的所有代码。'html 样式style'它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 
      
        标签。每个列表项始于 
       
HTML 
        
          元素HTML 
         
           元素是块级元素，它是可用于组合其他 HTML 元素的容器。分类行内元素HTML 
           元素是行内元素，能够用作文本的容器。设置  元素的类，能够为相同的  元素设置相同的样式。
My Important Heading
'布局'使用 
             
               元素的 HTML 布局使用表格的 HTML 布局'RWD 指的是响应式 Web 设计（Responsive Web Design）'Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。框架结构标签'（）'      'iframe' 用于在网页内显示网页
              HTML 脚本
              
             
         
        
      

'CSS 指层叠样式表 (Cascading Style Sheets)'浏览器缺省设置外部样式表内部样式表（位于  标签内部）内联样式（在 HTML 元素内部）selector {property: value}派生选择器希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：li strong {    font-style: italic;    font-weight: normal;  }'id 选择器'id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。'id 属性只能在每个 HTML 文档中出现一次''在 CSS 中，类选择器以一个点号显示：'.center {text-align: center}'属性选择器'下面的例子为带有 title 属性的所有元素设置样式：[title]{color:red;}1.外部样式表
    2.内部样式表当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 3.内联样式
This is a paragraph
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距padding、边框border 和 外边距margin 的方式。padding : 内边距，也有资料将其翻译为填充。border : 边框。margin : 外边距，也有资料将其翻译为空白或空白边。后代选择器（descendant selector）又称为包含选择器。后代选择器可以选择作为某元素后代的元素。只对 h1 元素中的 em 元素应用样式，可以这样写：h1 em {color:red;}子元素选择器（Child selectors）只能选择作为某元素子元素的元素。选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong {color:red;}相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。增加紧接在 h1 元素后出现的段落的上边距，可以这样写：h1 + p {margin-top:50px;}CSS 伪类 (Pseudo-classes)CSS 伪元素 (Pseudo-elements)复制代码