Visual studio html редактор: Параметры, текстовый редактор, HTML (веб-формы), «Прочее» — Visual Studio (Windows)

Содержание

«Параметры», «Текстовый редактор», «HTML (веб-формы)», «Проверка» — Visual Studio (Windows)

Twitter LinkedIn Facebook Адрес электронной почты

  • Статья
  • Чтение занимает 2 мин

Применимо к: Visual Studio Visual Studio для Mac Visual Studio Code

Чтобы настроить проверку синтаксиса HTML-разметки в редакторе для текущего файла, перейдите на страницу параметров Проверка. Чтобы открыть эту страницу, выберите в строке меню Инструменты>Параметры и перейдите к разделу Текстовый редактор>HTML (веб-формы)>Проверка.

Проверка

  • Использовать тип документа для определения схемы проверки

    Схема позволяет определить, какие элементы, атрибуты и регистр текста допустимы в выбранной схеме. Кроме того, вы можете определить теги и атрибуты, доступные в IntelliSense.

    Выберите этот параметр, если вы хотите, чтобы Visual Studio использовала содержимое страницы <! Объявление DOCTYPE> и html-элемент для определения схемы. Например, если вы выбрали этот параметр, а страница содержит объявление

    <!DOCTYPE html>, Visual Studio использует схему HTML5. Но если тег html имеет атрибут xmlns, такой как <html xmlns="http://www.w3.org/1999/xhtml">, в Visual Studio используется схема XHTML5.

  • Target when no doctype found (Выбрать целевую схему, если тип документа не найден)

    Выберите схему для проверки, если ее нет <! Объявление DOCTYPE> на странице.

    • Показать ошибки

      Установите этот флажок, чтобы включить проверку. Если флажок снят, редактор не будет выделять ошибки при проверке.

      Остальные флажки позволяют выполнить точную настройку проверки, указав отдельные типы ошибок, которые редактор должен отмечать.

      Примечание

      Некоторые схемы не предоставляют параметры для пометки отдельных типов ошибок. Например, при выборе XHTML 1.1 в качестве схемы целевого объекта все флажки параметров будут сняты. В этом случае выделяются все типы ошибок.

См. также

  • Страница «Общие», папка «Среда», диалоговое окно «Параметры»

«Параметры», «Текстовый редактор», «HTML (веб-формы)», «Форматирование» — Visual Studio (Windows)

Twitter LinkedIn Facebook Адрес электронной почты

  • Статья
  • Чтение занимает 2 мин

Применимо к: Visual Studio Visual Studio для Mac Visual Studio Code

Чтобы задать в параметрах HTML-проекта форматирование кода в редакторе, перейдите на страницу Форматирование. Чтобы открыть эту страницу, выберите в строке меню Инструменты>Параметры, затем перейдите к разделу Текстовый редактор>HTML (веб-формы)

>Форматирование.

Регистр букв

Когда выбраны эти параметры, редакторы XML и режима исходного кода при первом создании элементов и во время их автоматического форматирования применяют к именам элементов и атрибутов стандартный формат регистра. Параметр Применение автоматического форматирования позволяет определить, когда нужно выполнять автоматическое форматирование.

Предупреждение

В XML учитывается регистр. Установка регистра по умолчанию может повлиять на работу средств синтаксического анализа XML.

Список элементов пользовательского интерфейса

Тег сервера, атрибуты сервера

Эти параметры отвечают за использование заглавных букв в разметке для серверных веб-элементов управления.

ПараметрРезультат
Оставить как введеноРегистр букв элемента остается таким же, как при вводе.
Прописные буквыИмена элементов преобразуются в верхний регистр.
Строчные буквыИмена элементов преобразуются в нижний регистр.
Определение сборкиРегистр букв элемента определяется в зависимости о того, как элемент был задан в классе соответствующего типа.

Тег клиента, атрибуты клиента

Эти параметры позволяют автоматически преобразовывать имена атрибутов и свойств HTML в верхний или нижний регистр либо сохранить их в исходном виде.

ПараметрРезультат
Оставить как введеноРегистр букв атрибута остается таким же, как при вводе.
Прописные буквыИмена атрибутов записываются прописными буквами.
Строчные буквыИмена атрибутов записываются строчными буквами.

Параметры автоматического форматирования

Эти параметры отвечают за удаление или добавление редактором в режиме исходного кода физических разрывов строк во время автоматического форматирования и определяют, нужно ли заключать атрибуты в кавычки.

Примечание

Эти параметры не изменяют пробелы внутри XML-разметки.

Список элементов пользовательского интерфейса

  • Вставлять кавычки для значений атрибутов при вводе

    Если выбран этот параметр, редактор автоматически заключает атрибуты в кавычки при вводе (например,). Разработчики, предпочитающие вставлять кавычки в разметку вручную, могут снять этот флажок.

    Примечание

    Независимо от того, выбран этот параметр или нет, все существующие кавычки в разметке сохраняются; кавычки никогда не удаляются.

  • Вставлять кавычки для значений атрибутов при форматировании

    Когда этот параметр выбран, значения атрибутов заключаются в кавычки при автоматическом форматировании (например,).

    Примечание

    Независимо от того, выбран этот параметр или нет, сохраняются все существующие кавычки в разметке.

  • Автоматически вставлять закрывающий тег

    При выборе этого параметра редактор автоматически создает закрывающий тег (например, </b>) при закрытии открывающего тега.

Перенос тегов

Эти параметры определяют, разбивает ли редактор теги на строки, если они превышают определенную длину.

Список элементов пользовательского интерфейса

  • Переносить теги при превышении указанной длины

    Когда выбран этот параметр, редактор разбивает теги на строки, если тег превышает длину, указанную в текстовом поле

    Длина. Это происходит только при форматировании, а не при вводе нового тега.

    Примечание

    Указанное значение используется как минимальное. Редактор не разделяет отдельные атрибуты.

  • Длина

    Задает число символов для отображения в строке перед переносом. Это поле неактивно, если не установлен флажок Переносить теги при превышении указанной длины.

  • Параметры для тегов

    Если выбрать этот параметр, отображается диалоговое окно Параметры для тегов, в котором можно установить параметры форматирования для отдельных тегов или групп тегов.

См. также

  • Страница «Общие», папка «Среда», диалоговое окно «Параметры»

c# — Visual Studio 2022 HTML Editor Custom Intellisense — IHtmlCompletionListProvider

Мы пытаемся перенести расширение Visual Studio 2019 в Visual Studio 2022. Расширение предоставляет несколько функций, но одна функция, которая не работает, — «HtmlCompletionProvider». Мы используем его для предоставления пользовательских элементов и атрибутов в редакторе HTML в VS2019.

Так определяются наши классы завершения.

 [HtmlCompletionProvider ("Дети", "*")]
 [ТипСодержимого("htmlx")]
 [Имя("DurandalElementsCompletionProvider")]
 открытый класс DurandalElementsCompletionProvider: IHtmlCompletionListProvider
 

Интерфейс определен в сборке Microsoft. WebTools.Languages.Html.Editor.

Этот интерфейс позволяет нам подключаться к существующему VS2019 intellisense и предоставлять дополнительные записи.

Как правильно это сделать в Visual Studio 2022? Нет никакой документации, которую мы могли бы найти, просто погуглив.

Ближе всего мы подошли к объяснению, что новая Visual Studio использует LanguageService, определенный в: C:\Program Files\Microsoft Visual Studio\2022\Enterprise\Common7\IDE\Extensions\Microsoft\Web Tools\Languages\LanguageServers\Microsoft.WebTools.Languages.LanguageServer.Server.dll

Мы предполагаем, что старый способ предоставления «HtmlCompletionProvider» не поддерживается в VS2022.

Angular использует IHtmlCompletionListProvider для своего расширения.

https://devblogs.microsoft.com/visualstudio/angular-language-service-for-visual-studio/

Пример кода, как они используют IHTMLCompletionListProvider

https://github.com/microsoft/vs-ng -language-service/blob/main/AngularLanguageService/AngularHtmlCompletionProvider. cs

Они в основном используют его в качестве прокси для вызова своего LanguageService.

Насколько мне известно, нет расширения Angular для VS2022 (чтобы мы могли посмотреть, как это делается).

С уважением, Горан Вукоя

  • c#
  • visual-studio
  • intellisense
  • vsix
  • visual-studio-2022

Мы решили эту проблему.

Мы декомпилировали Microsoft.WebTools.Languages.Html.Editor.dll, чтобы увидеть, как определяется HTMLCompletionListProvider по умолчанию. Вы должны использовать ContentType(«html») вместо ContentType(«htmlx»).

 [HtmlCompletionProvider("Дети", "*")]
[ТипСодержимого("html")]
[Имя("DurandalElementsCompletionProvider")]
открытый класс DurandalElementsCompletionProvider: IHtmlCompletionListProvider
 

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Пошаговое руководство: базовое редактирование HTML в Visual Studio для страниц веб-форм

  • Статья
  • 15 минут на чтение

Microsoft Visual Studio 2012 предоставляет широкие возможности редактирования HTML для страниц веб-форм. HTML-редактор Visual Studio позволяет работать в режиме WYSIWYG, а также позволяет работать непосредственно с HTML-разметкой для более точного управления. Это пошаговое руководство знакомит вас с функциями редактирования HTML в Visual Studio.

Примечание

Этот раздел относится к страницам веб-форм ASP.NET. Представление Source можно использовать для редактирования страниц в приложениях ASP.NET MVC (Model View Controller) или веб-страниц ASP.NET (файлы .cshtml), но представление Design полностью поддерживается только для страниц веб-форм. Веб-серверные элементы управления используются только на страницах веб-форм.

В этом пошаговом руководстве показаны следующие задачи:

  • Создание и редактирование HTML в представлении Дизайн .

  • Создание и редактирование HTML в представлении Source .

  • Использование вида Разделить .

  • Использование инструментов навигации для быстрого перемещения по тегам HTML.

Предварительные требования

Для выполнения этого пошагового руководства необходимо следующее:

  • Visual Studio или Visual Studio Express for Web, установленные на вашем компьютере.

    Примечание

    Если вы используете Visual Studio, в пошаговом руководстве предполагается, что вы выбрали Веб-разработка набор параметров при первом запуске Visual Studio. Дополнительные сведения см. в разделе Как: выбрать параметры среды веб-разработки.

  • Общее понимание того, как работать в Visual Studio.

    Общие сведения о создании страниц веб-форм в Visual Studio см. в разделе Пошаговое руководство. Создание базовой страницы веб-форм в Visual Studio.

Создание веб-сайта и страницы веб-форм

Если вы уже создали сайт веб-форм в Visual Studio или Visual Studio Express для Интернета (например, выполнив Пошаговое руководство: создание базовой страницы веб-форм в Visual Studio), вы можете использовать этот веб-сайт и перейти к следующему разделу. В противном случае создайте веб-сайт и страницу веб-форм, выполнив следующие действия.

Примечание

В этом пошаговом руководстве используется проект веб-сайта. Вместо этого вы можете использовать проект веб-приложения. Сведения о различиях между этими типами веб-проектов см. в разделе Проекты веб-приложений и проекты веб-сайтов.

Чтобы создать веб-сайт файловой системы

  1. Откройте Visual Studio или Visual Studio Express для Интернета.

  2. В меню Файл щелкните Новый веб-сайт .

    Новый веб-сайт 9Отображается диалоговое окно 0048.

  3. В разделе Установлено щелкните Visual Basic или Visual C# , а затем выберите Пустой веб-сайт ASP. NET .

    В этом пошаговом руководстве вы создаете веб-сайт, который не содержит готовых страниц и других ресурсов.

  4. В поле Web location выберите File System , а затем введите имя папки, в которой вы хотите хранить страницы своего веб-сайта.

    Например, введите имя папки C:\WebSites.

  5. Щелкните OK .

    Visual Studio создает проект веб-сайта, который включает файл Web.config.

  6. В обозревателе решений щелкните правой кнопкой мыши корень веб-сайта и выберите Добавить новый элемент .

  7. Выберите Веб-форма , назовите файл Default.aspx и нажмите Добавить .

В этой части пошагового руководства вы научитесь работать в Представление Design , обеспечивающее WYSIWYG-подобное представление страницы веб-форм. Вы можете добавить текст, набрав, как в текстовом редакторе. Вы можете форматировать текст напрямую с помощью команд форматирования или путем создания встроенных стилей.

Дизайн В представлении ваша страница отображается так же, как и в браузере, с некоторыми отличиями. Первое отличие состоит в том, что в представлении Design текст и элементы доступны для редактирования. Второе отличие состоит в том, что для облегчения редактирования ваших страниц, Представление Design отображает некоторые элементы и элементы управления, которые не отображаются в браузере. Кроме того, некоторые элементы, такие как HTML-таблицы, имеют специальную визуализацию представления, которая добавляет дополнительное пространство для редактора. В целом, представление Design помогает вам визуализировать вашу страницу, но это не точное представление того, как страница будет отображаться в браузере.

Для добавления и форматирования статического HTML в представлении «Дизайн»

  1. Если вы не находитесь в Дизайн нажмите Design , которая находится в левом нижнем углу окна.

  2. В верхней части страницы введите Веб-страница ASP.NET.

  3. Выделите текст, чтобы выделить его, а затем на панели инструментов Форматирование нажмите Заголовок 1 .

  4. Нажмите клавишу ВВОД после Веб-страница ASP.NET , а затем введите Эта страница поддерживается ASP.NET.

  5. Выделите текст, затем в меню Формат щелкните Новый стиль .

    Появится диалоговое окно Новый стиль .

  6. Выберите параметр Применить новый стиль к выбору документа .

  7. Выберите шрифт из раскрывающегося списка font-family и нажмите Apply .

    Семейство шрифтов применяется к выделенному тексту.

  8. В разделе Категория щелкните Блок , а затем выберите (значение) из раскрывающегося списка высота строки . Введите значение высоты строки.

  9. Выберите (значение) из раскрывающегося списка между буквами . Введите значение межбуквенного интервала. Щелкните Применить , чтобы увидеть значения, примененные к выделенному тексту.

  10. Щелкните OK .

Когда вы работаете в представлении Design , вы можете захотеть увидеть такие теги, как div и span, которые не имеют визуального отображения.

Чтобы просмотреть HTML-теги поверхности конструктора в представлении «Дизайн»

  • В меню View укажите Visual Aids и убедитесь, что выбрано Невизуальные элементы управления ASP.NET .

    Конструктор отображает символы для абзацев, разрывов строк и других тегов, которые не отображают текст. Не все символы отображаются одновременно, но при щелчке по визуальному элементу отображается предшествующий ему невизуальный элемент.

Добавление элементов управления и элементов

В представлении Design можно перетаскивать элементы управления из панели инструментов на страницу. Вы можете добавить некоторые элементы, например HTML-таблицы, с помощью диалогового окна. В этом разделе вы добавите некоторые элементы управления и таблицу, чтобы у вас были элементы для работы позже в пошаговом руководстве.

Чтобы добавить элементы управления и таблицу

  1. Поместите курсор справа от текста Эта страница работает на ASP.NET , а затем нажмите клавишу ВВОД.

  2. Из группы Standard в Toolbox перетащите элемент управления TextBox на страницу и поместите его в пространство, созданное на предыдущем шаге.

    Примечание

    Вы также можете добавить элемент управления, дважды щелкнув его.

  3. Перетащите элемент управления Button на страницу и поместите его справа от элемента управления TextBox, добавленного на предыдущем шаге.

    Элементы управления TextBox и Button являются элементами управления веб-сервера ASP.NET, а не элементами HTML.

  4. Поместите курсор справа от элемента управления Button и нажмите ENTER.

  5. В меню Таблица щелкните Вставить таблицу .

    Появится диалоговое окно Вставить таблицу .

  6. Щелкните OK .

    Диалоговое окно Вставить таблицу содержит параметры для настройки создаваемой таблицы. Однако для этого пошагового руководства вы можете использовать макет таблицы по умолчанию.

Представление Design предоставляет компоновщики и другие инструменты, помогающие создавать элементы HTML, требующие настройки свойств.

Чтобы создать гиперссылку

  1. В тексте Эта страница работает на ASP.NET , выделите ASP.NET , чтобы выбрать его.

  2. В меню Формат щелкните Преобразовать в гиперссылку .

    Появится диалоговое окно Гиперссылка .

  3. В поле URL-адрес введите https://www.asp.net.

  4. Щелкните OK .

Настройка свойств в окне свойств

Вы можете изменить внешний вид и поведение элементов на странице, задав значения в окне свойств . .

Чтобы задать свойства с помощью окна «Свойства»

  1. Выберите элемент управления «Кнопка», который вы добавили в разделе «Добавление элементов управления и элементов» ранее в этом пошаговом руководстве.

  2. В окне Properties установите Text на Click Here и ForeColor на другой цвет.

  3. Поместите курсор в гиперссылку ASP.NET , созданную в предыдущем разделе.

    Обратите внимание, что в окне Свойства для свойства hreef элемента a задан URL-адрес, указанный вами для гиперссылки.

Проверка страницы

Вы можете увидеть результаты своего редактирования, просмотрев страницу в браузере.

Для внешнего запуска страницы в браузере

  • Щелкните страницу правой кнопкой мыши и выберите Просмотр в браузере .

    Если вам будет предложено сохранить изменения, нажмите Да .

    Visual Studio запускает IIS Express, локальный веб-сервер, который можно использовать для тестирования страниц без использования полного сервера IIS.

    Примечание

    Вы можете запускать страницы несколькими способами. Если вы нажмете CTRL+F5, Visual Studio выполнит действие запуска, настроенное на странице свойств для Параметры запуска . Параметр запуска по умолчанию для CTRL+F5 — запустить текущую страницу; то есть страница, которая в данный момент активна в представлении Source или Design . Вы также можете запускать страницы в отладчике. Дополнительные сведения см. в разделе Пошаговое руководство. Отладка веб-страниц в Visual Web Developer.

Изменение представления по умолчанию

По умолчанию Visual Studio открывает новые страницы в представлении Source .

Чтобы изменить представление страницы по умолчанию на представление «Дизайн»

  1. В меню Инструменты щелкните Параметры

  2. Убедитесь, что в нижней части диалогового окна выбран параметр Показать все настройки .

  3. Откройте узел HTML Designer и выберите Общие . В разделе Start Pages в щелкните представление Design .

Работа в представлении исходного кода

Представление исходного кода позволяет напрямую редактировать разметку страницы. Редактор представлений Source предоставляет множество функций, которые помогают создавать элементы управления HTML и ASP.NET. Вы можете использовать панель инструментов в представлении Source так же, как и в представлении Design , чтобы добавлять новые элементы на страницу.

Чтобы добавить элементы в представление исходного кода

  1. Переключитесь в представление исходного кода , нажав исходный код , расположенный в нижней части окна.

    Добавленные элементы управления создаются как элементы . Например, элемент управления Button — это элемент . Сделанные вами настройки свойств сохраняются как настройки атрибутов в открывающем теге .

  2. Из группы HTML в панели инструментов (не из группы Standard ) перетащите элемент Таблица на страницу и поместите его непосредственно над тегом.

Редактор также помогает при вводе разметки вручную. Например, редактор предоставляет контекстно-зависимые варианты, которые завершают HTML-теги и атрибуты по мере ввода. Редактор также предоставляет информацию об ошибках и предупреждениях о разметке, подчеркивая сомнительную разметку волнистой линией. Вы можете увидеть информацию об ошибке или предупреждении, удерживая мышь над текстом разметки.

Для редактирования HTML в представлении исходного кода

  1. Поместите курсор над закрывающим тегом и введите левую угловую скобку (<).

    Обратите внимание, что редактор предлагает вам список тегов, соответствующих текущему контексту.

  2. Введите «a», чтобы создать тег привязки, а затем нажмите ПРОБЕЛ.

    Редактор отображает список атрибутов, подходящих для тега привязки.

    Примечание

    Буква a (элемент привязки) может не отображаться в качестве параметра в зависимости от цели проверки, установленной для сайта или страницы. Однако вы по-прежнему можете создать элемент привязки, введя «а», не выбирая элемент в раскрывающемся списке. Цели проверки обсуждаются далее в этом разделе.

  3. В списке щелкните href , затем введите знак равенства (=) и двойные кавычки («).

    Редактор предлагает вам список доступных в данный момент страниц для ссылки.

  4. В списке файлов дважды щелкните Default.aspx , нажмите клавишу пробела и введите правую угловую скобку (>), чтобы закрыть тег.

    Редактор вставляет закрывающий тег .

  5. Завершите элемент привязки, введя текст Home между открывающим и закрывающим тегами.

    Элемент теперь похож на следующий пример:

     Главная
     
  6. Поместите курсор чуть выше закрывающего тега и введите .

    Редактор подчеркивает тег волнистой линией, указывая на то, что тег не является распознанным тегом HTML.

  7. Удалите тег, созданный на предыдущем шаге.

Изучение форматирования HTML

Важной особенностью конструктора страниц является то, что он сохраняет форматирование HTML, которое вы применяете к странице. Однако вы можете явно указать, что редактор переформатирует документ.

Чтобы проверить форматирование HTML

  1. Переформатируйте атрибуты элемента управления Button, выровняв атрибуты так, чтобы декларативный синтаксис выглядел следующим образом:

     
     

    Обратите внимание, что после того, как вы сделаете отступ для первого атрибута, когда вы нажмете ENTER в теге, последующие строки будут иметь отступ для соответствия.

  2. Переключиться на Дизайн вид.

  3. Щелкните правой кнопкой мыши элемент управления Button и выберите Копировать .

  4. Поместите курсор под элементом управления Button, щелкните правой кнопкой мыши и выберите Вставить .

    Visual Studio создает кнопку со свойством ID, для которого задано значение Button2.

  5. Из группы Standard на панели инструментов перетащите на страницу третий элемент управления Button, который создаст кнопку с именем Button3.

  6. Переключиться на вид Source .

    Обратите внимание, что Button2 отформатирован точно так же, как вы отформатировали Button1. С другой стороны, Button3 форматируется с использованием форматирования по умолчанию для элементов управления Button.

    Примечание

    Дополнительные сведения о настройке форматирования отдельных элементов см. в разделе Пошаговое руководство. Расширенное редактирование HTML в Visual Studio для страниц веб-форм.

  7. Отредактируйте документ так, чтобы Button1 и Button2 находились на одной строке без пробела между ними, как показано в следующем примере:

     
     

    Элементы могут переноситься, но начало Button2 должно сразу следовать за концом Button1 (символ />).

  8. Переключиться на вид Design .

    Обратите внимание, что Button1 и Button2 расположены рядом друг с другом без пробела между ними.

  9. Переключиться на Источник Просмотр

  10. В меню Edit в подменю Advanced щелкните Format Document .

    Документ переформатирован, но Button1 и Button2 остаются на одной строке. Если бы редактор разделил кнопки, во время рендеринга появился бы пробел. Поэтому редактор не меняет форматирование, которое вы создали.

Работа в режиме Split View

Вы можете одновременно видеть окна представления Design и окна представления Source , используя представление Split .

Для просмотра страницы в представлении Split

  • Переключитесь на представление Split , нажав кнопку Split , расположенную в левом нижнем углу окна. Обратите внимание, что окно просмотра Source занимает верхнюю половину экрана, а окно просмотра Design — нижнюю половину. Обратите также внимание на то, что два представления синхронизированы. Если дважды щелкнуть элемент в одном представлении, чтобы выбрать его, соответствующий элемент в другом представлении будет выделен.

Навигация между элементами

По мере того, как страницы становятся больше и сложнее, полезно иметь возможность быстро находить теги и уменьшать беспорядок на странице. Visual Studio предоставляет следующие инструменты, которые помогут вам в выполнении этих задач при работе в представлении Source :

  • Схема документа , которое обеспечивает полное представление документа.

  • Навигатор тегов, предоставляющий информацию о выбранном теге и его местоположении в иерархии страниц.

Для начала добавьте на страницу больше элементов, чтобы можно было изучить функции навигации.

Для добавления элементов

  1. Переключиться на вид Design .

  2. Из группы HTML на панели инструментов перетащите элемент управления Таблица в ячейку таблицы, созданной в разделе «Работа в представлении исходного кода» ранее в этом пошаговом руководстве.

  3. Из группы Standard в Toolbox перетащите элемент управления Button в среднюю ячейку вложенной таблицы.

С несколькими вложенными элементами на странице вы можете увидеть, как Структура документа обеспечивает быстрый переход к любому тегу на странице.

Для навигации с помощью структуры документа

  1. Переключиться на представление Источник .

  2. В меню Вид щелкните Структура документа .

  3. In Структура документа , нажмите Button4 .

    В редакторе выбран элемент управления , который вы добавили в предыдущей процедуре.

Навигатор тегов предоставляет информацию о выбранном теге и его местоположении в иерархии страниц.

Для навигации с помощью навигатора тегов

  1. Поместите курсор в элемент Button.

    Обратите внимание на навигатор тегов в нижней части окна, который показывает тег и его родительские теги. Навигатор тегов включает идентификатор элемента, если он есть, чтобы вы могли определить, какой элемент отображается. Навигатор тегов также отображает назначенную каскадную таблицу стилей, если таковая имеется, которая была установлена ​​с помощью атрибута Class.

  2. В навигаторе тегов щелкните тег

    , ближайший к тегу .

    Навигатор тегов перемещается к внутреннему элементу

    и выбирает его.

  3. В навигаторе тегов щелкните тег

  4. слева от выбранного тега.

    Выбрана вся ячейка, содержащая вложенную таблицу.

    Примечание

    Вы можете щелкнуть, чтобы выбрать либо тег, либо его содержимое, используя раскрывающийся список в теге навигатора тегов. По умолчанию при щелчке тега в навигаторе тегов выделяется тег и его содержимое.

    Вы также можете использовать навигатор тегов, чтобы перемещать или копировать элементы.

    Чтобы переместить или скопировать элементы с помощью навигатора тегов

    1. С помощью навигатора тегов выберите тег

    , содержащий элемент управления Button4.

  5. Нажмите CTRL+C, чтобы скопировать тег.

  6. Используйте навигатор тегов для перехода к внешней таблице.

  7. В представлении Source поместите курсор между тегом

  8. и первым тегом.

  9. Нажмите CTRL+V, чтобы вставить скопированную строку в таблицу.

  10. Переключиться на вид Design .

    Обратите внимание, что добавлена ​​новая строка, включая элемент управления Button.

  11. Форматирование текста

    • Панель инструментов Форматирование применяет встроенные стили для большинства настроек. Жирный шрифт и курсив применяются с помощью тегов b и i. К форматированию абзаца применяется блочный тег, такой как p (для обычного), pre (для форматированного) и т. д. Выравнивание абзаца осуществляется с помощью встроенных стилей в соответствии со стандартами XHTML 1.1.

    • Конструктор также позволяет создать блок стилей и ссылку на каскадную таблицу стилей. Дополнительные сведения см. в разделе Пошаговое руководство. Создание и изменение файла CSS.

    • По умолчанию редактор создает разметку, совместимую со стандартом XHTML5. Редактор преобразует все имена тегов HTML в нижний регистр, даже если вы вводите их в верхнем регистре. Редактор также заключает значения атрибутов (свойств) в двойные кавычки. Дополнительные сведения см. в разделе Пошаговое руководство: расширенное редактирование HTML в Visual Studio для страниц веб-форм.

    Чтобы изменить проверку разметки по умолчанию

    1. В представлении Source щелкните правой кнопкой мыши страницу и выберите Форматирование и проверка .

    2. В диалоговом окне Параметры разверните Текстовый редактор , разверните HTML и щелкните Проверка .

    3. В списке Target введите тип проверки.

    Следующие шаги

    В этом пошаговом руководстве представлен обзор возможностей HTML редактора веб-страниц. Это включает в себя создание HTML в представлениях Design и Source , базовое форматирование и навигацию. Чтобы узнать больше о средствах редактирования в Visual Studio, обратитесь к следующим ресурсам.

    Оставить комментарий

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    © 2019 Штирлиц Сеть печатных салонов в Перми

    Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.